antdesign vue select选中问题
<select name="public-choice" v-model="couponSelected" @change="getCouponSelected"><option :value="coupon.id" v-for="coupon in couponList" >{{coupon.name}}</option>
·
<select name="public-choice" v-model="couponSelected" @change="getCouponSelected">
<option :value="coupon.id" v-for="coupon in couponList" >{{coupon.name}}</option>
</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;
},
methods:{
getCouponSelected(){
//获取选中的优惠券
console.log(this.couponSelected)
}
}
})
更多推荐
已为社区贡献1条内容
所有评论(0)