vue3删除数组里的指定对象

在 Vue 3 中，如果你想从响应式数组中删除指定的对象，你可以使用 `splice()` 方法配合数组的索引来实现。这里是一个示例：

// 假设你有一个名为 `reactiveArray` 的响应式数组
const reactiveArray = ref([{ key: 'value1' }, { key: 'value2' }]);

// 删除指定对象
function deleteObjectByKey(array, keyToRemove) {
  const indexToRemove = array.value.findIndex(obj => obj.key === keyToRemove);
  if (indexToRemove > -1) { // 如果找到了该对象
    array.value.splice(indexToRemove, 1); // 使用 splice 方法删除它
    // Vue 会自动检测到数组的变更，并更新 UI
  }
}

// 使用示例
deleteObjectByKey(reactiveArray, 'value1');

在这个例子中，`findIndex()` 方法用于查找要删除的对象，然后 `splice()` 方法则用于从数组中移除找到的那个对象。