<el-select name="public-choice" v-model="couponSelected" @change="getCouponSelected"> <option :value="coupon.id" v-for="coupon in couponList" :key="coupon.id"
>{{coupon.name}}</option> </el-select >
var vm = new Vue({
el: '#app',
data:{
couponList:[
{
id: 'A',
name: '优惠券1'
},
{
id: '1',
name: '优惠券2'
},
{
id: '2',
name: '优惠券3'
}
],
couponSelected: '',
},
created(){ //如果没有这句代码,select中初始化会是空白的,默认选中就无法实现
this.couponSelected = this.couponList[0].id;
//初始化时this.couponSelected与:key="coupon.id" 数据类型要保持一致
},
methods:{
getCouponSelected(){
//获取选中的优惠券
console.log(this.couponSelected)
}
}
})
couponSelected