zoukankan      html  css  js  c++  java
  • 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)
        }

      }
    })

  • 相关阅读:
    常用模块的作业
    一些常用的模块
    软件开发的目录规范

    匿名函数作业
    模块
    算法,面向过程与匿名函数
    生成器表达式作业
    C. Perfect Keyboard
    C. Ehab and Path-etic MEXs
  • 原文地址:https://www.cnblogs.com/CMing/p/9229060.html
Copyright © 2011-2022 走看看