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

  }
})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。