element-ui upload 组件附带额外参数进行上传(一个或多个参数),实参、形参均可以传。
正常情况:
附带额外参数进行上传(一个或多个参数)时-------使用箭头函数:
HTML部分:
<el-upload
<!-- 使用箭头函数,实现传递一个或多个额外参数功能,'1'为额外参数 -->
:on-success="(response, file, fileList)=>onSuccess(response, file, fileList,'1')"
<!-- 文件上传失败时的钩子 -->
:on-error="onError"
<!-- 文件上传的地址 -->
:action="'/api/upload/'"
<!-- 上传的文件列表 -->
:file-list="fileLists"
<!-- 使用箭头函数,实现传递一个或多个额外参数功能,'1'为额外参数 -->
:on-remove="(file, fileList)=>handleRemove(file, fileList,'1','2')">
<el-button size="mini" type="text">上传</el-button>
</el-upload>
JavaScript部分:
onSuccess(response, file, fileList, val) {
console.log('onSuccess额外参数val------',val); // 1
}
handleRemove(file, fileList, val1,val2) {
console.log('handleRemove额外参数val1------',val1); // 1
console.log('handleRemove额外参数val2------',val2); // 2
}
其他方法也是一样的。