el-select v-model初始化couponSelected.id 与 key="coupon.id" id数据类型要保持一致

<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