el-checkbox-group反选

要实现 el-checkbox-group 的反选，可以通过以下步骤：

1. 在 el-checkbox-group 上绑定一个数组变量，用来存储选中的项。例如：

<template>
  <el-checkbox-group v-model="checkedItems">
    <el-checkbox label="Option 1"></el-checkbox>
    <el-checkbox label="Option 2"></el-checkbox>
    <el-checkbox label="Option 3"></el-checkbox>
  </el-checkbox-group>
</template>

<script>
export default {
  data() {
    return {
      checkedItems: []
    }
  }
}
</script>

2. 在 el-checkbox 上绑定一个事件，用来判断该项是否被选中，并将其加入或从数组中移除。例如：

<template>
  <el-checkbox-group v-model="checkedItems">
    <el-checkbox label="Option 1" @change="toggleItem('Option 1')"></el-checkbox>
    <el-checkbox label="Option 2" @change="toggleItem('Option 2')"></el-checkbox>
    <el-checkbox label="Option 3" @change="toggleItem('Option 3')"></el-checkbox>
  </el-checkbox-group>
</template>

<script>
export default {
  data() {
    return {
      checkedItems: []
    }
  },
  methods: {
    toggleItem(item) {
      const index = this.checkedItems.indexOf(item)
      if (index === -1) {
        this.checkedItems.push(item)
      } else {
        this.checkedItems.splice(index, 1)
      }
    }
  }
}
</script>

3. 在页面上添加一个反选按钮，点击时将未选中的项加入数组中，已选中的项从数组中移除。例如：

<template>
  <div>
    <el-checkbox-group v-model="checkedItems">
      <el-checkbox label="Option 1" @change="toggleItem('Option 1')"></el-checkbox>
      <el-checkbox label="Option 2" @change="toggleItem('Option 2')"></el-checkbox>
      <el-checkbox label="Option 3" @change="toggleItem('Option 3')"></el-checkbox>
    </el-checkbox-group>
    <el-button @click="toggleAll">反选</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkedItems: []
    }
  },
  methods: {
    toggleItem(item) {
      const index = this.checkedItems.indexOf(item)
      if (index === -1) {
        this.checkedItems.push(item)
      } else {
        this.checkedItems.splice(index, 1)
      }
    },
    toggleAll() {
      const allItems = ['Option 1', 'Option 2', 'Option 3']
      allItems.forEach(item => {
        const index = this.checkedItems.indexOf(item)
        if (index === -1) {
          this.checkedItems.push(item)
        } else {
          this.checkedItems.splice(index, 1)
        }
      })
    }
  }
}
</script>

这样就可以实现 el-checkbox-group 的反选了。