element ui实现复选框全选

可以使用 Element UI 中的 el-checkbox-group 和 el-checkbox 组件来实现复选框全选功能。具体实现步骤如下：

1. 在 el-checkbox-group 中设置 v-model 绑定一个数组，用于存储选中的复选框的值。
2. 在 el-checkbox 组件中设置 v-model 绑定一个布尔值，用于表示当前复选框是否被选中。
3. 在全选复选框中设置 @change 事件，当全选复选框状态改变时，通过遍历所有的复选框，将它们的选中状态与全选复选框的状态保持一致。

示例代码如下：

<template>
  <div>
    <el-checkbox v-model="isAllChecked" @change="handleAllCheckedChange">全选</el-checkbox>
    <el-checkbox-group v-model="checkedList">
      <el-checkbox label="apple">苹果</el-checkbox>
      <el-checkbox label="banana">香蕉</el-checkbox>
      <el-checkbox label="orange">橙子</el-checkbox>
    </el-checkbox-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkedList: [],
      isAllChecked: false
    };
  },
  methods: {
    handleAllCheckedChange(val) {
      this.checkedList = val ? ['apple', 'banana', 'orange'] : [];
    }
  }
};
</script>