VUE JS選擇框在V型的

Question

另一個Vue的JS問題，請

我有以下

<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> 

我有效益3項，所以我得到3個選擇框。在我的改變方法甚至記錄了正確的項目，這就是選擇

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

我的問題是，在我的頁面更新爲相同的值的所有選擇框的值，我需要知道如何在治療選擇框循環爲個人。

有沒有簡單的方法來實現這一目標？

感謝薩姆

Answer 1

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

v-model="benefitType[$index]" 

使用數組的索引你的V模型使用