element 表格添加禁选功能

本文已参与「新人创作礼」活动，一起开启掘金创作之路

需求：

从一个表格多选，点击确定添加到另一个表格中，再返回多选的表格禁选已经选过的。

上图：

步骤1：

在多选框中加：selectable=‘checkSelectable’

<el-table-column type="selection" width="60" :selectable="checkSelectable"></el-table-column>

this.tableData是已经选过的数据，使用some根据唯一标识去查询 返回true和false

methods: {
	//禁选
    checkSelectable(row) {
      if (this.tableData.some(item => item.fid === row.fid)) {
        return false
      } else {
        return true
      }
    },
}