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
    }
    
  • 相关阅读:
    C库函数中字符串处理函数集合(转)
    浅谈C++底层机制
    vc2008快捷键
    Delphi格式输出的用法
    Devenv 命令行开关
    DX皮肤控制
    C#格式化
    linq查询DataView
    WCF中的session用法
    VS2012clickonce发布问题
  • 原文地址:https://www.cnblogs.com/wangyingblock/p/13451531.html
Copyright © 2011-2022 走看看