根据字段值Vue.js删除列表中的对象

data() {
  return {
    list: [
      { id: 1, name: '对象1' },
      { id: 2, name: '对象2' },
      { id: 3, name: '对象3' },
      // 其他对象...
    ]
  }
}

methods: {
  deleteObject(value) {
    const index = this.list.findIndex(item => item.id === value);
    if (index !== -1) {
      this.list.splice(index, 1);
    }
  }
}

<ul>
  <li v-for="item in list" :key="item.id">
    {{ item.name }}
    <button @click="deleteObject(item.id)">删除</button>
  </li>
</ul>