zoukankan      html  css  js  c++  java
  • elselect vmodel初始化couponSelected.id 与 key="coupon.id" id数据类型要保持一致

    <el-select  name="public-choice" v-model="couponSelected" @change="getCouponSelected">                                        
        <option :value="coupon.id" v-for="coupon in couponList" :key="coupon.id"
    >{{coupon.name}}</option> </el-select  >


    var vm = new Vue({
    el: '#app',
    data:{
      couponList:[
        {
          id: 'A',
          name: '优惠券1'
        },
        {
          id: '1',
          name: '优惠券2'
        },
        {
          id: '2',
          name: '优惠券3'
        }
      ],
      couponSelected: '',
    },
      created(){            //如果没有这句代码,select中初始化会是空白的,默认选中就无法实现
        this.couponSelected = this.couponList[0].id;

                           //初始化时this.couponSelected与:key="coupon.id" 数据类型要保持一致


      },
      methods:{

           getCouponSelected(){
                              //获取选中的优惠券
                              console.log(this.couponSelected)
                          }


      }
    })

    couponSelected
  • 相关阅读:
    java例题 汽油检测
    java常用api
    二分搜索法
    java例题
    java基础
    表单验证
    4.10 pm例题
    0805
    0731 框架Mybatis
    小结
  • 原文地址:https://www.cnblogs.com/smallfa/p/15560419.html
Copyright © 2011-2022 走看看