请将<el-row v-for="row in slotNames[`${direction}`]" :key="row.key"> <el-rol v-for="col in row.cols" :key="col.name"> <el-checkbox class="checkAllbox" v-model="checkedList" :label="col.name">{{ col.name }}</el-checkbox> </el-rol> </el-row>这段代码增加一个全选按钮以及默认全选

您可以在上述代码中添加一个全选复选框，并将其绑定到一个全选状态的变量，然后在全选复选框的点击事件中，将该变量的值设为 true 或 false，从而实现默认全选功能。以下是示例代码：

<template>
  <div>
    <el-checkbox v-model="selectAll" @change="handleSelectAll">{{ selectAllText }}</el-checkbox>
    <el-row v-for="row in slotNames[`${direction}`]" :key="row.key">
      <el-rol v-for="col in row.cols" :key="col.name">
        <el-checkbox class="checkAllbox" v-model="checkedList" :label="col.name">{{ col.name }}</el-checkbox>
      </el-rol>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectAll: true, // 全选状态变量，默认为 true
      checkedList: [], // 选中的复选框列表
      slotNames: { // 数据源
        left: [
          { key: '1', cols: [{ name: 'A1' }, { name: 'B1' }, { name: 'C1' }] },
          { key: '2', cols: [{ name: 'A2' }, { name: 'B2' }, { name: 'C2' }] },
        ],
        right: [
          { key: '3', cols: [{ name: 'D1' }, { name: 'E1' }, { name: 'F1' }] },
          { key: '4', cols: [{ name: 'D2' }, { name: 'E2' }, { name: 'F2' }] },
        ],
      },
    };
  },
  computed: {
    direction() {
      // 根据 selectAll 变量的值确定渲染方向
      return this.selectAll ? 'left' : 'right';
    },
    selectAllText() {
      // 根据 selectAll 变量的值确定全选复选框的文本
      return this.selectAll ? '全选' : '反选';
    },
  },
  methods: {
    handleSelectAll() {
      // 全选复选框的点击事件
      if (this.selectAll) {
        // 如果全选复选框已选中，则将 checkedList 中的所有值设为 true
        this.checkedList = this.slotNames.left.concat(this.slotNames.right).reduce((arr, row) => arr.concat(row.cols.map(col => col.name)), []);
      } else {
        // 如果全选复选框未选中，则将 checkedList 置为空数组
        this.checkedList = [];
      }
    },
  },
};
</script>

以上代码中，我们首先在模板中添加了一个全选复选框，并将其绑定到变量 selectAll 上，并在渲染列表时根据 selectAll 变量的值确定渲染方向。然后在全选复选框的点击事件中，根据 selectAll 变量的值分别将 checkedList 中的所有值设为 true 或置为空数组，从而实现默认全选功能。