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 事件传递自定义参数
点赞

发表评论

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