before-upload的回调函数默认是只有一个file本身作为参数的,传了其他自定义参数也不会获取到,甚至会引起错误。那么如果一个页面使用了多个el-upload组件,而before-upload的逻辑大差不差,但是需要额外传几个参数作为标识以区分是哪一个el-upload组件。这时可以使用箭头函数处理一下回调函数。如下:
:before-upload="(file) =>beforeUpload(file,'uploadAvatar',2)"
:before-upload="(file) =>beforeUpload(file,'uploadBg',15)"
beforeUpload(file, type, size) {
console.log(file)
console.log(type) // uploadAvatar、uploadBg
console.log(size) // 2、15
},