el-table根據列表狀態，控制是否可以勾選checkbox

話不多說，這里直接上業務代碼

html部分

<el-table :data="dataList" @selection-change="handleTableSelect">
  <el-table-column type="selection" :selectable="handleTableSelectStatus" width="80"></el-table-column>
</el-table>

js部分

methods: {
  // 監聽列表勾選
  handleTableSelect  (val) {
    this.tableSlection = val
  },
  // 列表渲染時，根據狀態控制是否可以勾選
  handleSelectable(row, index) {
    const stateMap = {
      未審批: true,
      已通過: false,
      取消授權: false,
    };
    return stateMap[row.cnStatus];
  },
}