<el-checkbox-group 全部选中

`<el-checkbox-group>` 是 Element UI 中的一个组件，它用于创建一组互斥的复选框，用户可以选择其中的一项或多项。当需要让用户同时选择所有可用选项并表示"全部选中"的状态时，可以考虑以下几个方面：

1. **默认全选**：在数据绑定时，给每个 checkbox 绑定一个初始状态为 `true` 的值，并设置 `v-model` 属性关联到一个数组，数组元素都代表一个可选的选项。这样，只要这个数组的所有值都是 `true`，那么所有的复选框就会默认勾选。

<el-checkbox-group v-model="selectAllOptions">
  <el-checkbox :label="option.key" v-for="(option, index) in options" :key="index"></el-checkbox>
</el-checkbox-group>

<script>
export default {
  data() {
    return {
      selectAllOptions: [true, true, true], // 根据实际选项数量填充
      options: [
        { key: 'Option1', value: 'Option1' },
        { key: 'Option2', value: 'Option2' },
        { key: 'Option3', value: 'Option3' }
      ]
    };
  }
};
</script>

2. **自定义全选按钮**：可以在页面上添加一个单独的全选/取消全选按钮，通过控制 `selectAllOptions` 数组的布尔值来同步所有复选框的状态。

<template>
  <el-checkbox-group v-model="selectAllOptions">
    ... (checkboxes... )
  </el-checkbox-group>
  <button @click="selectAll">全选</button>
  <button @click="clearAll">取消全选</button>
</template>

<script>
...
methods: {
  selectAll() {
    this.selectAllOptions.fill(true);
  },
  clearAll() {
    this.selectAllOptions.fill(false);
  }
}
</script>