vue.js - Hinzufügen neuer Wert nach Klick auf Objekt

Question

Ich habe etwas Ähnliches wie folgt aus:

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> 

Und wenn ich zum Beispiel in Schleife auf die zweite Schaltfläche klicken, möchte ich hinzufügen ‚val3‘: ‚c‘ um auf das Objekt zu klicken. Ich habe versucht, $ add, $ set, und versuchte, aktuelle 'single' und $ index ... und nichts. Was ist der richtige Weg, spezifizierte Objekte aus der Schleife hinzuzufügen/zu bearbeiten? Sorry für mein Englisch;) Vielen Dank im Voraus

Answer 1

so etwas wie dieses Versuchen:

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

und dann

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