vue删除数组中的某个对象

作者：倾尽尘光暖流年发布日期:2026-05-09 浏览:39

// 定义一个包含对象的数组
let arr = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' }
];

// 要删除的对象的id
let idToDelete = 2;

// 使用 filter 方法创建一个新的数组，不包含要删除的对象
arr = arr.filter(item => item.id !== idToDelete);

// 更新视图（如果在 Vue 中）
this.arr = arr;

// 解释：filter 方法会返回一个新数组，其中只包含满足条件的元素。这里我们通过比较 id 是否等于 idToDelete 来决定是否保留该对象。

如果你在 Vue 组件中使用这段代码，确保你在 data 中定义了 arr，并且在需要的地方调用这段逻辑来更新数组。

上一篇：vue钩子函数

下一篇：vue项目搭建