关于Element UI Table 的 slot-scope

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于Element UI Table 的 slot-scope相关的知识,希望对你有一定的参考价值。

参考技术A 在element的table组件中经常使用slot-scope(作用域插槽)来实现数据传递的需求,究竟什么是slot-scope?

个人认为可以把它看作是传递数据的对象。

实际上vue原生slot-scope 的值将被用作一个临时变量名,可以接收父组件传过来的值,而在element中的table对slot-scope的值封装成了一个大的对象,对象里面有属性row(行),column(列),$index(索引),store,所以我们可以通过scope.row拿到对应的值。

具体 scope 的数值也可以打印出来看看

以上是关于关于Element UI Table 的 slot-scope的主要内容,如果未能解决你的问题,请参考以下文章

Element ui table组件slot自定义表头,数据无法响应刷新

Element ui在table组件中使用slot来自定义表头,数据无法刷新

vue+element-ui+slot-scope或原生实现可编辑表格(日历)

Vue --自定义el-table-column头部的两种方法

关于vue+element-ui的table多选禁用某个按钮

element table slot header自定义表头