elementUi——组件函数钩子自带参数，不能添加参数问题

　　在element-ui中的组件函数钩子一般都是自带参数如：

//上传组件
<el-uploadclass="upload-demo"action="https://jsonplaceholder.typicode.com/posts/":on-preview="handlePreview":on-remove="handleRemove":before-remove="beforeRemove"multiple:limit="3":on-exceed="handleExceed":file-list="fileList"><el-button size="small" type="primary">点击上传</el-button><div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>

　　API中解释：on-remove 文件列表移除文件时的钩子 function(file, fileList)
　　也就是上面的beforeRemove函数自带file, fileList这两参数

beforeRemove（file, fileList）{
//就这两参数
}

　　那么想要带自己的参数呢，，尤其一般在表格中的上传，肯定要携带当前一行的参数（动态参数）时；
　　我们对before-remove属性修改：

//上传组件
<el-uploadclass="upload-demo"action="https://jsonplaceholder.typicode.com/posts/":on-preview="handlePreview":on-remove="handleRemove":before-remove="（file,fileList）=>{return beforeRemove（file,fileList,data）
}"multiple:limit="3":on-exceed="handleExceed":file-list="fileList"><el-button size="small" type="primary">点击上传</el-button><div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>

　　在before-remove上在return 一个函数，并携带data（自己想要的参数）
　　这样在函数beforeRemove中就可以拿到data了

beforeRemove（file,fileList,data）{console.log(data)
}

转载于:https://www.cnblogs.com/liAnran/p/11395843.html

elementUi——组件函数钩子自带参数，不能添加参数问题相关推荐

python函数定义时带号的可变参数_在定义函数时,某个参数名字前面带有一个 * 符号表示可变长度参数,可以接收任意多个普通实参并存放于一个元组之中。_学小易找答案...
[填空题]任意长度的 Python 列表.元组和字符串中最后一个元素的下标为 ( ) . [简答题]从键盘输入一个字符串,将小写字母全部转换成大写字母, 输出到磁盘文件"D:\test.tx ...
HttpGet与HttpPost添加参数
HttpGet与HttpPost添加参数 HttpGet添加参数 HttpGet是没有办法添加参数的,但是有时候访问的URI也包含参数,且参数较多,这时候,需要借助别的方法来添加参数. 1.直接使用字 ...
python 装饰器参数-python函数装饰器之带参数的函数和带参数的装饰器用法示例...
本文实例讲述了python函数装饰器之带参数的函数和带参数的装饰器用法.分享给大家供大家参考,具体如下: 1. 函数带多个参数 # 普通的装饰器, 打印函数的运行时间 def decrator(fun ...
python装饰器函数-python函数装饰器之带参数的函数和带参数的装饰器用法示例
本文实例讲述了python函数装饰器之带参数的函数和带参数的装饰器用法.分享给大家供大家参考,具体如下: 1. 函数带多个参数 # 普通的装饰器, 打印函数的运行时间 def decrator(fun ...
【Kotlin】函数类型 ( 函数类型 | 带参数名称的参数列表 | 可空函数类型 | 复杂函数类型 | 带接收者函数类型 | 函数类型别名 | 函数类型实例化 | 函数调用 )
文章目录 I . 函数类型 II . 带参数名的参数列表 III . 可空函数类型 IV . 复杂函数类型解读 V . 函数类型别名 VI . 带接收者类型的函数类型 VII . 函数类型实例化 ...
python全栈学习--day12(函数高级应用-带参数的装饰器，多个装饰器装饰一个函数)...
函数的执行时,*打散函数的定义时,*聚合 from functools import wrapsdef wrapper(f):@wraps(f)def inner(*args,**kwargs):' ...
python 函数参数的传递(参数带星号的说明) 元组传递字典传递
python中函数参数的传递是通过赋值来传递的.函数参数的使用又有俩个方面值得注意:1.函数参数是如何定义的 2.在调用函数的过程中参数是如何被解析先看第一个问题,在python中函数参数的定义主要 ...
python传入参数加星号,python 函数参数的传递(参数带星号的说明) 元组传递字典传递...
*arg 代表的是arg元祖,**kwd代表的是kwd名称的字典. 那函数传参数或是使用参数的时候,什么时候带*号什么时候不带*号呢?我这点总是理解不上来,或者说有点混乱.参考下面几个小函数,来理解下 ...
vue怎么调用子元素的方法_vue 父组件中调用子组件函数的方法
vue 父组件中调用子组件函数的方法在父组件中调用子组件的方法: 1.给子组件定义一个ref属性.eg:ref="childItem" 2.在子组件的methods中声明一个函数 ...

elementUi——组件函数钩子自带参数，不能添加参数问题

elementUi——组件函数钩子自带参数，不能添加参数问题相关推荐

最新文章

热门文章