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.5k
6 个回答

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

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

新手上路,请多包涵

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

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

新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题