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


                }
            })

参考文字:https://www.cnblogs.com/till-the-end/p/8473738.html

Logo

前往低代码交流专区

更多推荐