vue复选框勾选批量删除

实现vue复选框勾选批量删除，可以按照以下步骤进行：

1. 在数据中添加一个属性，用于记录每个数据项是否被选中。
2. 在模板中使用v-model指令绑定每个复选框的选中状态到对应数据项的选中属性上。
3. 添加一个全选复选框，用于控制所有数据项的选中状态。
4. 添加一个删除按钮，点击时遍历数据，将选中的数据项从数据中删除。

示例代码如下：

<template>
  <div>
    <input type="checkbox" v-model="allChecked" @change="checkAll">全选
    <ul>
      <li v-for="(item, index) in list" :key="index">
        <input type="checkbox" v-model="item.checked"> {{ item.name }}
      </li>
    </ul>
    <button @click="deleteSelected">删除</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      allChecked: false,
      list: [
        { name: 'item1', checked: false },
        { name: 'item2', checked: false },
        { name: 'item3', checked: false }
      ]
    }
  },
  methods: {
    checkAll() {
      this.list.forEach(item => {
        item.checked = this.allChecked
      })
    },
    deleteSelected() {
      this.list = this.list.filter(item => !item.checked)
    }
  }
}
</script>