el-table复选 表头checkbox 隐藏和显示

`el-table` 是 Element UI 中的一个表格组件，它支持对行数据的多选操作，通常通过表头的 `checkbox` 或者 `selection-column` 实现。如果你想隐藏或显示这个复选框列，你可以这样做：

1. **默认显示**：
如果你想让复选框一开始就可见，直接在 table 的配置项中添加一个 `selection` 属性，例如：

   <el-table :data="tableData" selection="multiple">
     <!-- 其他列 -->
   </el-table>

2. **隐藏复选框列**：
使用 `show-header` 属性控制表头是否显示，如果需要在某些时候隐藏它，可以给 table 添加一个 v-if 判断条件，比如：

   <el-table :data="tableData" :selection="multiple" show-header="isShowCheckbox">
     <template #head>
       <!-- 可能包含复选框的表头内容 -->
     </template>
     <template #default>
       <!-- 数据列内容 -->
     </template>
   </el-table>

   // 控制复选框列显示的 Vue 组件内
   data() {
     return {
       isShowCheckbox: true, // 默认开启
       // ...
     };
   }
   methods: {
     toggleCheckboxColumn() {
       this.isShowCheckbox = !this.isShowCheckbox;
     }
   }

然后在需要的时候调用 `toggleCheckboxColumn` 方法。

3. **动态切换**：
当你需要在运行时切换复选框的可见性，可以在点击事件或其他逻辑中改变 `isShowCheckbox` 的值。