请问vue中如何删除选中的批量删除

Question

请教各位大神，我全选全不选解决了，点击可全部删除解决了。
请问如何将选中的CheckBox进行删除呢？我找了很多解决方法，但是创建出来的却无法删除

<template>
  <div class="check">
    <button @click="checkAll">全选</button>
    <button @click="remAll">全部删除</button>
    <button @click="rem">选中删除</button>
       
    <input type="text" v-model="txt" @keyup.enter="add" />
    
    <ul>
      <li v-for="(dom, index) in list" :key="index">
        <input type="checkbox" v-model="dom.check" /> {{mx.txt}}
      </li>
    </ul>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        txt: "",
        list: [],
      }
    },
    methods: {
      add() {
      
        this.list.push({
          txt: this.txt,
          check: false
        })
        this.txt = ""
        //以上就是输入框创建后在list里添加新的文本，并且输入完回车清空  
      },
      
      remAll(){  this.list = []  },
      checkAll() {

        this.list.forEach((dom) => {
          dom.check = !dom.check
        })
        //遍历后将选中的反选，可全选，全部不要选
      },
      rem()
      {
          
      }
    }
  }
</script>

Answer 1

rem() {
  this.list = this.list.filter(e => {
    return !e.check
  })
}