zoukankan      html  css  js  c++  java
  • vue组件事件中,想传除了默认值之外的其他的参数

    场景

    使用了第三方的组件UI,在调用事件时想要获取事件的默认值及默认值之外的其他参数值,如:index

    代码如下:

    <div style="display: flex; padding-top: 20px;"
         v-for="(date, index) in dynamicFormData.dates"
        :key="index">
        <bk-form-item
            label="对比时间"
            label-width="100"
            :required="true"
            :rules="dateRules.date"
            :property="'dates.' + index + '.value'">
            <bk-date-picker
                style=" 510px;"
                v-model="date.value"
                :placeholder="'选择日期'"
                @change="changeDate()">
            </bk-date-picker>
        </bk-form-item>
    </div>
    

    事件change中想获取原来的时间参数及index参数

    方法如下:

    <bk-date-picker
        style=" 510px;"
        v-model="date.value"
        :placeholder="'选择日期'"
        @change="changeDate($event, index)">
    </bk-date-picker>
    

    第一个参数$event就是@change默认传入的那个参数,参数2,3,4,5...就是自己传入的

    使用:

    changeDate (value, index) {
          this.dynamicFormData.dates[index].value = value
    }
    
  • 相关阅读:
    6.1 tar:打包备份
    6.3-4 zip、unzip
    6.5 scp:远程文件复制
    S7 Linux用户管理及用户信息查询命令
    7.6 passwd:修改用户密码
    7.2-5 usermod
    DES
    FreeRTOS笔记
    第4章 裸机系统和多任务系统
    第008课_第1个ARM落版程序及引申
  • 原文地址:https://www.cnblogs.com/wangyingblock/p/13451531.html
Copyright © 2011-2022 走看看