elselect vmodel初始化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
原文地址:https://www.cnblogs.com/smallfa/p/15560419.html