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

您应该对{\ n} {{1>}选项使用{/ p>}

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。

有关详情，请参阅此处：http://vuejs.org/guide/forms.html#Select

Vue js识别所选选项

1 个答案: