vue中select设置默认选中

<select name="public-choice" v-model="couponSelected" @change="getCouponSelected">                                        
    <option :value="coupon.name" v-for="coupon in couponList" >{{coupon.name}}</option>                                    
</select>


var vm = new Vue({
  el: '#app',
  data:{
    couponList:[{
      name: '请选择'
    },{
      name: '常温'

    },{
      name: '低温'
    },{
      name: '常温低温'

    }],
    couponSelected: '',
  },
  created(){
    //如果没有这句代码,select中初始化会是空白的,默认选中就无法实现
    this.couponSelected = this.couponList[0].
name;

  },
  methods:{

    getCouponSelected(){

      //获取选中的优惠券
      console.log(this.couponSelected)
    }

  }
})

原文地址:https://www.cnblogs.com/CMing/p/9229060.html