vue.js的select下拉框怎样绑定事件和取值
展开全部
html:
<span>{{selectPreMenu}} </span>
<select v-model="selectPreMenu" @change="chooseSelect(selectPreMenu)">
<option disabled value="">--=请选择=--</option>
<option v-for="option in options" :value="option.MENU_ID">
{{ option.MENU_NAME }}
</select>
js:
var vm= new Vue({
el: '#addModal',
data :{
selectPreMenu: '',
options: [],//这里的值可以由后台传过来初始化
},
methods:{
selectPreMenu:function(selectPreMenu){
console.log(selectPreMenu+':'+selectPreMenu)
this.selectPreMenu = selectPreMenu;
}
}
});
<span>{{selectPreMenu}} </span>
<select v-model="selectPreMenu" @change="chooseSelect(selectPreMenu)">
<option disabled value="">--=请选择=--</option>
<option v-for="option in options" :value="option.MENU_ID">
{{ option.MENU_NAME }}
</select>
js:
var vm= new Vue({
el: '#addModal',
data :{
selectPreMenu: '',
options: [],//这里的值可以由后台传过来初始化
},
methods:{
selectPreMenu:function(selectPreMenu){
console.log(selectPreMenu+':'+selectPreMenu)
this.selectPreMenu = selectPreMenu;
}
}
});
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询