vue中select选择框

基础用法

template中：

<select v-model="selected" >
 <option v-for="(option, index) in options" v-bind:value="option.value" :key="index">
   {{ option.name }}
 </option>
</select>
<span>Selected: {{ selected }}</span>

js中：

data(){
	selected: '',
	options: [
		{name: 'A', value: '1'},
		{name: 'B', value: '2'},
		{name: 'C', value: '3'}
	],
}

这里selected就是选择的项。

默认选中值

1. 如果是确定的，就直接在data里面写
2. 如果是从后端获取到的，那就在api请求的里面写