el-checkbox-group实现选中和取消

要实现 el-checkbox-group 的选中和取消功能，你可以使用 v-model 指令来绑定一个数组，这个数组用于存储选中的值。当你选中或取消一个 el-checkbox 的时候，就可以通过改变这个数组来实现选中和取消。

以下是一个示例代码：

<template>
  <div>
    <el-checkbox-group v-model="selectedOptions">
      <el-checkbox v-for="option in options" :label="option" :key="option">{{ option }}</el-checkbox>
    </el-checkbox-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: ['Option 1', 'Option 2', 'Option 3', 'Option 4'], // 可选的选项
      selectedOptions: [] // 存储选中的选项
    };
  }
};
</script>

在上面的代码中，options 数组存储了可选的选项，selectedOptions 数组用于存储选中的选项。通过 v-model 指令将 selectedOptions 绑定到 el-checkbox-group 上，当选中或取消一个 el-checkbox 时，selectedOptions 数组会自动更新。

希望这个示例对你有帮助！