Vue v-for遍历select,如何让select默认选中

有这样一个数组

category:[
{name:'1',id:1},
{name:'2',id:2},
{name:'3',id:3}
]

然后在页面中遍历

<select v-model="model.parentCategory" name="category" id="category" >
      <option v-for="(item,index) in category"  :value="item.id">{{ item.name }}</option>
</select>

如何让select的第一个默认选择,实际for循环出来select显示的是空的,必须要手动选择才会显示。

阅读 48.6k
6 个回答

在获取到category加载到之后,你把model.parentCategory的值设置成category[0].id就可以了

select的v.model属性值不就是你的选中值嘛,把model.parentCategory = category0默认选中第一个了嘛

新手上路,请多包涵

<option :selected="你的条件判断">

请问怎么能获取到item.id呢??

新手上路,请多包涵

让一开始的v-model 为1就行了

推荐问题