element Table 多选表格 全选禁用

在Element UI中，如果你想要创建一个多选表格并禁用全选功能，你可以通过自定义全选按钮的行为来实现。以下是一个简单的示例代码：

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
    @selection-change="handleSelectionChange"
  >
    <el-table-column
      type="selection"
      width="55"
      :selectable="isSelectable"
    ></el-table-column>
    <el-table-column
      prop="date"
      label="日期"
      width="180"
    ></el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180"
    ></el-table-column>
    <!-- 其他列 -->
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [{ date: '2016-05-02', name: '王小虎', ... }, ...], // 表格数据
      allSelected: false // 标识是否全选
    };
  },
  methods: {
    handleSelectionChange(selection) {
      // 根据选中项目数量判断是否全选
      this.allSelected = selection.length === this.tableData.length;
    },
    isSelectable(row, index) {
      // 自定义选择规则，这里禁止全选
      return !this.allSelected;
    }
  }
};
</script>

在这个示例中，我们定义了一个isSelectable方法，该方法返回一个布尔值来决定某一行是否可被选中。如果已经全选了所有行，那么isSelectable返回false来禁止用户取消选择，从而实现全选按钮的禁用效果。