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