elementui多选框删除

要删除 ElementUI 中的多选框，可以通过以下步骤实现：

1. 在多选框组件中，为每个选项提供一个唯一的 ID 或 Key。

2. 使用 v-model 绑定一个数组，用于存储所选中的选项的 ID 或 Key。

3. 当需要删除某个选项时，可以使用 JavaScript 中的 splice() 方法，从数组中删除相应的 ID 或 Key。

4. 在多选框组件中，使用 v-for 渲染选项列表，并使用 :checked 属性来标记哪些选项被选中。

5. 当数组中的选项被删除时，多选框组件会自动更新选中状态。

以下是一个示例代码：

<template>
  <div>
    <el-checkbox-group v-model="selectedOptions">
      <el-checkbox v-for="option in options" :key="option.id" :label="option.id">
        {{ option.text }}
      </el-checkbox>
    </el-checkbox-group>
    <button @click="deleteSelectedOptions">删除选中项</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { id: 1, text: '选项一' },
        { id: 2, text: '选项二' },
        { id: 3, text: '选项三' },
        { id: 4, text: '选项四' },
      ],
      selectedOptions: [],
    };
  },
  methods: {
    deleteSelectedOptions() {
      for (let i = this.selectedOptions.length - 1; i >= 0; i--) {
        this.selectedOptions.splice(i, 1);
      }
    },
  },
};
</script>

在上面的代码中，我们提供了一个选项列表和一个删除选项的按钮。当用户选中某些选项并点击删除按钮时，我们使用 splice() 方法从数组中删除这些选项，并且多选框组件会自动更新选中状态。