2019-07-25vue中获得select中选中的值

2019-07-25  本文已影响0人  Kason晨

template:

<select v-model="selected" >
 <option v-for="option in options" v-bind:value="option.value">
   {{ option.text }}
 </option>
</select>
<span>Selected: {{ selected }}</span>

script:

 data: {
   selected: 'A',//select选中的值
   options: [
     { text: 'One', value: 'A' },
     { text: 'Two', value: 'B' },
     { text: 'Three', value: 'C' }
   ]
 }

选择就可以考到获取成功

上一篇下一篇

猜你喜欢

热点阅读