元素 UI，将 id 传递给带复选框的 table 列

Question

有没有办法将 id 传递给 selection 类型的 el-table-column？我试过传递一个插槽，但是复选框没有呈现。这是代码：

<el-table-column>
    <template slot-scope="scope" v-if="scope.row">
      <div :id="`column-${scope.row.name}`">{{ `reports-${scope.row.name}` }}</div>
    </template>
  </el-table-column>
  <el-table-column prop="selected" align="center" type="selection" class-name="checkbox-column">
</el-table-column>

第一列通过作用域插槽获取 ID。

Answer 1

而不是 ID 如果您对 class 没问题，那么请使用 cell-class-name

在你的template

<el-table your-attrs ...  :cell-class-name="cellClassName">

在你的script

methods: {
  cellClassName({row, column, rowIndex, columnIndex}) {
    if (columnIndex === 1) return `checkbox-${rowIndex}`;
  }
}

元素 UI，将 id 传递给带复选框的 table 列

Element UI, passing id to table column with checkbox

vue.js

element-ui