Vue js承認選定的選項

Question

我有城市對象，其中包含city.name和city.id。我也有cameras對象，它有city_id：cameras.city_id。在我的html：

<div v-for="camera in cameras"> 
    <select v-model="camera.city_id" class="form-control"> 
     <option v-for="city in cities" selected>@{{ city.name }}</option> 
    </select> 
</div> 

我不得不承認其作爲選擇應標明對象的元素，簡單地說，標記元素，如果city.id == camera.city_id的選擇。每個循環只會有一次。我如何管理？謝謝。

Answer 1

您應該使用在這樣的選項value：

<div v-for="camera in cameras"> 
    <select v-model="camera.city_id" class="form-control"> 
     <option v-for="city in cities" :value="city.id">@{{ city.name }}</option> 
    </select> 
</div> 

這樣做的方式，適當的option將自動由v-model指令爲您選擇。

查看詳細信息：http://vuejs.org/guide/forms.html#Select