element ui 多选表格 禁止选择

Element UI 提供了一个灵活的表格组件（el-table）用于数据展示和交互，其中包括多选功能。如果你想在 Element UI 的多选表格中禁止用户选择所有或某些特定的数据项，可以通过设置表头中的 `type` 和 `formatter` 属性来实现。

1. 在表头单元格上禁用多选：
可以将表头单元格的 `type` 设置为 `'selection'`，然后在 `formatter` 方法中处理多选行为，例如：

   <template>
     <el-table-column type="selection" label="选择">
       <template slot-scope="{ row, $index }">
         <!-- 这里你可以添加自定义的样式或图标，或者直接返回 false 来阻止选择 -->
         <span v-if="shouldPreventSelection(row)">预阻止选择</span>
       </template>
     </el-table-column>
   </template>

   <script>
   export default {
     methods: {
       shouldPreventSelection(row) {
         // 根据你的需求判断是否阻止选择，比如判断row的某个属性值
         if (/* 判断条件 */) return false; // 阻止选择
         else return true; // 允许选择
       }
     }
   };
   </script>

2. 对于整个表格禁止多选，可以在 table 组件的全局配置中禁用：

   <el-table :data="tableData" @selection-change="handleSelectionChange" selection-mode="none">
     ...
   </el-table>

   <script>
   export default {
     data() {
       return {
         tableData: [...],
       };
     },
     methods: {
       handleSelectionChange(selection) {
         // 如果你想在这个方法中阻止默认的行为，可以在这里清除选择
         this.$refs.table.clearSelection();
       }
     }
   };
   </script>