vue2中我想给数组的每一个对象添加一个属性并赋值

在 Vue 2 中,使用 Array.map() 方法来给数组的每一个对象添加一个属性并赋值,然后将新的数组赋值给原来的数组,让 Vue 监听到数组的变化。

以下是一个示例代码:

// 原来的数组
let arr = [
  { id: 1, name: 'Tom' },
  { id: 2, name: 'Jerry' }
];

// 使用 Array.map() 方法给每个对象添加一个属性 age 并赋值为 18
arr = arr.map(item => {
  return {
    ...item,
    age: 18
  };
});

// 打印结果
console.log(arr); // [{ id: 1, name: 'Tom', age: 18 }, { id: 2, name: 'Jerry', age: 18 }]

在上面例代码中,使用了 Array.map() 方法来遍历原数组 arr,对每个对象进行了处理并返回一个新的对象,然后将这个新的对象赋值给原来的对象,并覆盖原来的对象。这样,在 Vue 监听到数组变化的时候,就会更新视图。

Logo

前往低代码交流专区

更多推荐