版本 3.4.21
我正在通过 API 调用填充选择。它工作正常,但我希望在我的选择中有一个默认选项,并且我希望默认选择它。我正在尝试这个但无济于事:
<select id="service" v-model="selectedService">
<option selected>Select a Service</option>
<option v-for="(item, index) in services" :value="item.id" :key="index">
{{ item.name }}
</option>
</select>
发生的情况是第一个选项没有被选择。html 显示了这一点:
<option>Select a Service</option>
而不是这个:
<option selected>Select a Service</option>
动态填充下拉选择时如何选择第一个选项?谢谢
selected
属性不能覆盖 v-model。您需要将 v-model 设置为与默认选项匹配的值。Vue文档中显示了一个示例您可以编辑默认选项以具有空字符串值并
selectedService
使用相同的空字符串值进行初始化。