<select v-model="xuexiaoselected">
<option v-for="option in xuexiaooptions" v-bind:value="option.value">
{{option.text}}
</option>
</select>
然后在data里面设置
data () {
return {
xuexiaoselected: '1',
xuexiaooptions:[
{text:'小学',value:'1'},
{text:'初中',value:'2'},
{text:'高中',value:'3'},
{text:'普高',value:'4'},
{text:'幼托机构',value:'5'}
]
}
},
他就默认第一个是选中状态 xuexiaoselected: '1',
另外一个demo
<!-- 下拉框 -->
<div v-show="moreStore" class="select">
<select class="choice" v-on:change="indexSelect($event)">
<option v-for="item in index" v-bind:value="item.indexId">{{item.name}}</option>
</select>
</div>
事件：
// 获取value值
indexSelect(event){
console.log(event.target.value);
},
