场景
使用了第三方的组件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
}