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