【ElementUI】Upload组件上传时如何携带参数

最新推荐文章于 2025-04-01 13:51:04 发布

爱焰

最新推荐文章于 2025-04-01 13:51:04 发布

阅读量5.8k

点赞数 5

分类专栏： elementui 文章标签： elementui vue.js 前端

本文链接：https://blog.youkuaiyun.com/A_soulmate/article/details/122459424

版权

elementui 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在使用ElementUI的Upload组件进行文件上传时，携带额外的参数。通过设置`:data`属性，以键值对的方式传递参数，如`:data="{key1:value1, key2:value2}"`，实现向后端发送请求时带上自定义参数。" 121126796,11366031,SWIFT PLM 标准功能详解,['PLM'],"['SWIFT PLM', '权限控制', '主数据', '工作流配置', '标准功能', '企业私有云', '公有云']

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

今天在写文件上传时,想要在上传的时候携带参数。于是查阅element官网寻找答案，经过一番搜索，终于解决了此问题，现在分享给大家。

可以直接使用 :data={参数} ,参数为键值对的形式{key1:value1,key2:value2},传递参数,如下

<el-upload
	class="avatar-uploader"
	action="/setmeal/updatePicture.do"
	:data={pictureName:this.imageName}
	:auto-upload="autoUpload"
	name="imgFile"
	:show-file-list="false"
	:on-success="handleAvatarSuccess"
	:before-upload="beforeAvatarUpload">
</el-upload>