vue如何给自带默认回调参数的函数添加自定义参数：$event

最新推荐文章于 2023-02-08 10:02:51 发布

生气不如去争气

最新推荐文章于 2023-02-08 10:02:51 发布

阅读量706

点赞数

分类专栏： vue

原文链接：https://blog.youkuaiyun.com/mini_1251861209/article/details/112393554

版权

vue 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何在Vue中使用<el-upload>组件处理文件上传成功后的回调，并通过额外参数传递信息到回调函数中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原来的代码是这样的：handleAvatarSuccess会回调两个参数，这个时候如果直接在里面添加形参接不到

<el-upload :on-success="handleAvatarSuccess">
</el-upload>
 
handleAvatarSuccess(res) { //自带的回调参数res跟file
	console.log('res', res)
}代码片

修改后：

<el-upload :on-success="($event) =>{handleAvatarSuccess($event,1)}">
</el-upload>
 
handleAvatarSuccess($event, flag){ //通过flag接收传过来的1
	console.log('res', $event)
}

如果有多个回调参数，则用"…"接收

<el-upload :on-success="(...event) =>{handleAvatarSuccess(event, 1)}">
</el-upload>
 
handleAvatarSuccess(param, flag){ //通过flag接收传过来的1
    let res = param[0]
	let file = param[1]
	console.log('res', res)
},