直接上代码:
//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