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");
}
...