如何根据条件显示选择？ (元素-uitable)

Question

我有问题。我想根据条件显示选择

这是例子。我想隐藏名称 'Jeff'

的选择

如果我尝试使用 'v-if'

<el-table-column type="selection" width="45" v-if="name != 'Jeff'" &nbsp;</el-table-column>

没用。怎么样？

谢谢！

Answer 1

您无法隐藏复选框，但您可以使用selectable属性禁用它：

<el-table-column type="selection"
                 width="45"
                 :selectable="canSelectRow">
</el-table-column>

methods: {
  canSelectRow(row, index) {
    return row.name !== 'Jeff';
  }
}

Answer 2

可以显示复选框的列。

<el-table-column
  v-if="isShow"
  :key="Math.random()"
  type="selection"
  width="45">
</el-table-column>

别忘了“钥匙”!!!

How to display selection according to the condition ? (element-ui table)