vue js Auswahlboxen in v-für

Question

Eine weitere Vue JS Frage bitte

Ich habe folgende

<div v-for="benefit in benefits" track-by="$index" class="Quote__list"> 
<div class="Benefit Form--default"> 
    <select v-model="benefitType" @change="updateBenefitItem($index)"> 
    <option value="Teacher" selected>Teacher</option> 
    <option value="Care Taker">Care Taker</option> 
    <option value="Support Staff">Support Staff</option> 
    </select> 
</div> 
</div> 

ich habe 3 Artikel in Vorteile, so dass ich drei Auswahlboxen erhalten. Bei meinem Änderungsverfahren protokolliert es auch das richtige Element, das ist

ausgewählt

updateBenefitItem(n) 
{ 
    console.log(this.benefitType) 
}, 

Mein Problem ist, dass die Werte in allen Auswahlbox auf meiner Seite Updates auf den gleichen Wert, muß ich wissen, wie Auswahlbox in einem zur Behandlung von Schleife als Individuen.

Gibt es einen einfachen Weg, dies zu erreichen?

Dank Sam

Answer 1

https://jsfiddle.net/gurghet/5y19e9oc/4/

v-model="benefitType[$index]" 

einen Index für das Array verwenden verwenden Sie als V-Modell