el-upload组件的钩子函数如何使用自定义参数
2020-10-27 本文已影响0人
泡杯感冒灵
在使用el-upload组件的时候,有时候我们需要传递自定义的参数。
<el-upload
class="upload-demo"
:action="uploadUrl"
:on-success="handleInputSuccess"
:on-remove="handleRemove"
:headers="header"
:file-list="item.fileList"
>
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传pdf文件,且不超过500kb</div>
</el-upload>
// 正常情况下 handleInputSuccess 只有3个固定参数
handleInputSuccess(response,file,fileList){
// do sth ...
}
// 如果这个时候,我们直接去传递我们的自定义参数,假如是 str,会报错
handleInputSuccess(response,file,fileList,str){
console.log(str) // 会报错
// do sth ...
}
// 这个时候我们需要换一种写法
image.png image.png