vue中根据id值删除对应的元素

删除的点击事件里 要传入item.id 后面才能打印出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)
      }