Vue中select下拉框的默认选中项的三种情况

在Vue中 使用select下拉框 主要靠的是 v-model 来绑定选项 option 的 value 值。
select下拉框在界面的展示,我们都希望看到框中有一个值 而不是空白,比如显示 “请选择” 或者 “全部” 的默认值。先来看效果图
Vue中select下拉框的默认选中项的三种情况_第1张图片
关于select选项的写法 有三种情况 ①.写在HTML中,②.写在JS一个数组中,③.通过接口去获取得到,我们直接上代码:
第一种是option的值写在HTML中

  

第二种是option 选项内容写在JS中的,通过v-for来遍历的:


    

第三种是option 选项内容 通过接口去获取 但是接口里没有默认选中项怎么办呢?看代码


    

你可能感兴趣的:(Vue中select下拉框的默认选中项的三种情况)