element ui 多选框

element-ui 多选框是一种常用的表单组件，可以让用户从多个选项中选择一个或多个选项。下面是一个简单的 element-ui 多选框的例子：

<template>
  <div>
    <el-checkbox-group v-model="checkedCities">
      <el-checkbox label="北京"></el-checkbox>
      <el-checkbox label="上海"></el-checkbox>
      <el-checkbox label="广州"></el-checkbox>
      <el-checkbox label="深圳"></el-checkbox>
    </el-checkbox-group>
  </div>
</template>

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

在上面的例子中，我们使用了 `el-checkbox-group` 和 `el-checkbox` 组件来创建一个多选框。`el-checkbox-group` 组件用于包裹多个 `el-checkbox` 组件，并且通过 `v-model` 指令来绑定选中的值。`el-checkbox` 组件用于创建一个单独的选项，并且通过 `label` 属性来设置选项的值。

如果你想要实现多选框的反选功能，可以使用以下代码：

this.checkedCities = this.cities.filter(city => !this.checkedCities.includes(city));

其中，`this.cities` 是一个包含所有选项的数组，`this.checkedCities` 是一个包含选中选项的数组。上面的代码会将未选中的选项添加到 `this.checkedCities` 数组中，从而实现多选框的反选功能。