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