vue 数组对象增加新字段并赋值
时间: 2024-09-25 17:13:05 浏览: 36
vue数组对象排序的实现代码
在 Vue.js 中,如果你想要在一个数组对象中向每个元素动态添加新的字段并赋值,你可以通过循环遍历数组,然后对每个对象进行操作。这里有一个简单的例子:
```javascript
// 假设你有一个 Vue 实例的数据属性
data() {
return {
items: [
{ name: 'Item1', price: 10 },
{ name: 'Item2', price: 20 }
]
}
}
methods: {
addNewField() {
this.items.forEach(item => {
// 新增一个字段 'quantity'
item.quantity = 1; // 或者根据需要设置具体的值
});
}
}
```
在这个例子中,`addNewField` 方法会遍历 `items` 数组,给每个对象添加一个名为 `quantity` 的字段,并赋予默认值1。如果你想根据具体情况设置值,可以在 `item.quantity = ...` 这一行替换为你所需的计算。
阅读全文