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
  • 相关阅读:
    jmeter之模块简介
    前端性能测试工具
    前端性能测试工具及相关知识
    大数据测试场景相关文章-流计算
    前端测试规范
    性能测试
    spark学习笔记三:spark-shell
    spark学习笔记二:建单脚本编写
    spark学习笔记一:初识spark
    管理能力参考
  • 原文地址:https://www.cnblogs.com/smallfa/p/15560419.html
Copyright © 2011-2022 走看看