vue.js - 单击后向对象添加新值

Question

我有类似的东西：

arr = [
  { val1: a, val2: b },
  { val1: a, val2: b },
  { val1: a, val2: b } 
]

<div v-for="single in arr">
  <button v-on:click="addSome"></button>
</div>

例如，当我单击循环中的第二个按钮时，我想将 'val3': 'c' 添加到单击的对象。我尝试了 $add、$set，并尝试通过当前的“single”和 $index ......但什么也没有。从循环中添加/编辑指定对象的正确方法是什么？对不起我的英语；）提前谢谢你

Answer 1

试试这样的：

<div v-for="single in arr">
  <button v-on:click="addSome($index)"></button>
</div>

然后

...
"addSome": function (index) {
    Vue.set(this.arr[index], "val3", "c");
}
...