Vue select 监听(看多很多博客,坑很多)
直接上代码://v-model 代表select 选中值 已经与data中的id进行双向绑定<select v-model="id"><optionv-for="item in items" :value="item.id">{{item.name}}</option&
·
直接上代码:
//v-model 代表select 选中值 已经与data中的id进行双向绑定
<select v-model="id">
<option v-for="item in items" :value="item.id">{{item.name}}</option>
</select>
var app = new Vue({
el:'#app',
data:{
id:'',
items:[
{id:1,name:第一项},
{id:2,name:第二项}
]
}
methods :{
},
watch :{
//监听id的变化
id(id,oldId) {
//这里写你的业务逻辑
alert(id);
}
}
}
还不明白?官网由此去-->https://cn.vuejs.org/v2/api/#watch https://cn.vuejs.org/v2/guide/forms.html
更多推荐
已为社区贡献2条内容
所有评论(0)