<select name="public-choice" v-model="couponSelected" @change="getCouponSelected"> <option :value="coupon.name" v-for="coupon in couponList" >{{coupon.name}}</option> </select>
var vm = new Vue({
el: '#app',
data:{
couponList:[{
name: '请选择'
},{
name: '常温'
},{
name: '低温'
},{
name: '常温低温'
}],
couponSelected: '',
},
created(){
//如果没有这句代码,select中初始化会是空白的,默认选中就无法实现
this.couponSelected = this.couponList[0].name;
},
methods:{
getCouponSelected(){
//获取选中的优惠券
console.log(this.couponSelected)
}
}
})