使用元素用户界面表的槽范围方法

在Element UI Table的官方网站上，有一个“过滤”功能，其中可以使用slot-scope来标记表记录。

关键代码是：

模板槽-作用域='作用域' El-tag : type=' scope . row . tag==' home '？primary ' : ' success ' ' disable-transitions { { scope . row.tag } }/El-tag/template这里，首先使用slot-scope属性将子组件的数据(row . tag)传输到父组件(Vue 2.6.0已经过时)。使用三进制表达式设置el标记的样式。实践中发现，这种三元表达式不能应用。因为实际的业务场景，必须有两种以上的记录类型！

这时，条件渲染指令出现了：

El-tag v-if=' scope . row . state=' completed ' ' : type=' success ' ' disable-transitions { { scope . row . state } }/El-tagel-tag v-else-if=' scope . row . state='未开始' ' : type=' dancer ' ' disable-transitions { { scope . row . state } }/El-tagel-tag v-else-if=' scope . row . state='进行中' ' : type=' warning ' ' disable-transitions '

官网只是一个基本用法，真正的实践还是要靠积累和总结。哦( _ ) O哈哈~

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。