table里面的slot-scope属性是怎么获取数据的

Question

输入正文

Answer 1

Sam 2020-02-21 17:13:30

你好，slot-scope 中的数据是由 el-table 组件传入的，其源码位于 element-ui table 组件下的 table-column.js 中，核心代码如下：

column.renderCell = function(h, data) {
  if (_self.$scopedSlots.default) {
    renderCell = () => _self.$scopedSlots.default(data);
  }
  // ...
}

可以看到在 renderCell 方法中，将当前 cell 的数据 data 传入了 slot-scope 中，所以我们自定义 Column 中可以访问到 table 的数据