vueのid値に従って対応する要素を削除します

削除されたクリックイベントでは、IDを出力する前にitem.idを渡す必要があります

       <div v-for="item in list" :key="item.id">
          <span>id:{
   
   {item.id}}</span>
          <span>姓名:{
   
   {item.name}}</span>
          <input type="checkbox" :id="item.id"/>
          <label :for="item.id">勾选</label>
          <button @click="remove(item.id)">删除</button>
        </div>

 方法：

      remove(id){
        console.log(id);
        this.list = this.list.filter(item=>item.id != id)
      }