Vue中利用v-model数据的双向绑定实现下拉框的选值@TOC
下拉框选中数据双向绑定结果图
上代码!!!
<body>
<div id="app">
下拉框:
<select v-model="love">
<option value="" disabled>---请选择---</option>
<option>唱歌</option>
<option>跳舞</option>
<option>拉屎</option>
<option>嘘嘘</option>
</select>
<span>
value:{{love}}
</span>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
<script>
var vm = new Vue({
el:"#app",
data:{
love:''
}
})
</script>
</body>