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
  • 相关阅读:
    Qt学习之路,part1
    1.获取状态栏的高度
    如何在Android Studio中上传代码到Gitee上
    关于类图
    外观模式
    关于类的实例
    SharedPreference中关于editor.apply()和editor.commit()
    活动的4种启动模式
    unittest中case批量管理
    unittest使用
  • 原文地址:https://www.cnblogs.com/smallfa/p/15560419.html
Copyright © 2011-2022 走看看