帮我用vue2 elementUI 实现多个多选全选调接口

好的，下面是一个简单的示例代码：

<template>
  <div>
    <!-- 全选按钮 -->
    <el-checkbox v-model="allSelected" @change="handleAllChange">全选</el-checkbox>
    <br>
    <!-- 多选按钮 -->
    <el-checkbox-group v-model="selectedValues" @change="handleGroupChange">
      <el-checkbox v-for="(option, index) in options" :key="index" :label="option.value">{{ option.label }}</el-checkbox>
    </el-checkbox-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: '选项1', value: 'option1' },
        { label: '选项2', value: 'option2' },
        { label: '选项3', value: 'option3' },
        { label: '选项4', value: 'option4' },
      ],
      allSelected: false,
      selectedValues: [],
    };
  },
  methods: {
    handleAllChange(value) {
      this.selectedValues = value ? this.options.map(option => option.value) : [];
    },
    handleGroupChange(value) {
      this.allSelected = value.length === this.options.length;
    },
  },
};
</script>

这里使用了 ElementUI 中的 `el-checkbox` 和 `el-checkbox-group` 组件来实现多选功能，同时使用 `v-model` 指令绑定数据。其中，`allSelected` 表示是否全选，`selectedValues` 表示已选中的值。当全选按钮状态改变时，会触发 `handleAllChange` 方法，该方法会将 `selectedValues` 中的值设置为所有选项的值，或者清空。当选项的状态发生改变时，会触发 `handleGroupChange` 方法，该方法会判断是否全部选中，并更新全选按钮的状态。在实际使用中，你需要将 `handleAllChange` 和 `handleGroupChange` 方法中的逻辑替换为调用接口的逻辑。