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

我有类似的想法：

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>

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

---

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

试试这样的方法：

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

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