element-UI change 事件传递自定义参数

首先需求是,我需要拿到change的两个回调参数,同时我还要拿到当前列的值,即scope.row的值。

<template slot-scope="scope" >
<el-input-number v-model="scope.row.qty" :precision="0" :step="1" :min="1"  @change="change"></el-input-number>
</template>

element家的计数器 el-input-number为例,我们知道change方法的回调参数是( currentValue, oldValue ) ,但是如果我们想传入自定义参数该怎么办?

当然我们想到的第一种方法就是:

@change="change(自定义参数)”

但是这样的话,change 方法的回调参数将起不到作用了。

还有一种办法就是:

@change="change($event,自定义参数)”

这样的话,我们是能拿到input里面的valuecurrentValue ,也是能拿到自定义的参数值。

距离需要还差一个 oldValue ,于是便只能用第三种方法:

@change="((currentValue, oldValue) => {change(currentValue,oldValue, 自定义参数)})"

这样我们便可以拿到所有的回调参数,同时还可以将自定义的参数拿到。

methods 中定义 :

change(currentValue,oldValue,row){
 console.log(currentValue,oldValue,row)
 }

ok,到这一已将需求完美的解决。

版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创

转载请注明:出处来自田珊珊个人博客 » element-UI change 事件传递自定义参数

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注