<select v-model='selected'>
<option v-for="option in options" v-bind:value="option.value">
{{ option.text }}
</option>
</select>
<span>Selected: {{ selected }}</span>
data : {
selected: 'C', // 比如想要默认选中为 Three 那么就把他设置为C
options: [
{ text: 'One', value: 'A' }, //每个选项里面就不用在多一个selected 了
{ text: 'Two', value: 'B' },
{ text: 'Three', value: 'C' }
]
}
你selected 已经绑定在<select></select> 上了 , 你选择了哪个选项, selected 就是那个选项的value了 ,你想让哪个选项为默认选中的话,就在data里的seleced 设置为那个选项的value
欢迎关注我的个人技术公众号!javascript艺术