vue+element 多选框实现功能

要实现 Vue 和 Element-ui 的多选框功能，你可以按照以下步骤进行操作：

1. 首先，确保你已经安装了 Vue 和 Element-ui。可以通过 npm 或者 yarn 进行安装。

2. 在你的 Vue 组件中，引入需要的 Element-ui 组件。多选框对应的组件是 `el-checkbox`。

3. 在模板中使用 `el-checkbox` 组件来创建多选框。可以使用 `v-model` 指令来绑定多选框的值，以及设置多选框的选中状态。

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

4. 在 Vue 组件的 `data` 选项中定义一个数组来存储多选框的选中值。

   <script>
   export default {
     data() {
       return {
         checkedOptions: [] // 存储选中值的数组
       };
     }
   };
   </script>

5. 通过 `checkedOptions` 数组来获取和操作多选框的选中值。

   // 获取所有选中的值
   console.log(this.checkedOptions);

   // 判断某个选项是否被选中
   if (this.checkedOptions.includes('Option 1')) {
     // 做一些操作
   }

这样，你就可以在 Vue 和 Element-ui 中使用多选框了。根据你的实际需求，可以进行进一步的样式和功能定制。