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