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];
  },
}