如何根据条件显示选择？ （element-ui表）

Question

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

这里是示例。我想隐藏名称“ Jeff”的选择

http://jsfiddle.net/8y5cnk1p/2/

如果我尝试使用'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';
  }
}

文档：Table Column Attributes

Answer 2

您可以显示复选框的列。

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

不要忘记“钥匙”！！！