vue.js - vuejs select问题
本文介绍了vue.js - vuejs select问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<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: '',
options: [
{ text: 'One', value: 'A' , selected:false },
{ text: 'Two', value: 'B', selected:true },
{ text: 'Three', value: 'C', selected:false }
]
}
vuejs问题,我从options中知道默认选中selected为true的值,然后切换的时候也能知道选中哪个值。。。。。。求解
解决方案
你selected 已经绑定在<select></select> 上了 , 你选择了哪个选项, selected 就是那个选项的value了 ,你想让哪个选项为默认选中的话,就在data里的seleced 设置为那个选项的value
<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' }
]
}
这篇关于vue.js - vuejs select问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文