Question

vue.js的select下拉框怎样绑定事件和取值

Answer 1

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;
}
}
});