element上传组件el-Upload 上传多组多个文件

来源:csdn博客 分类: 文章浏览史 发布时间:2020-12-11 15:17:08 最后更新:2020-12-11 浏览:173
转载声明:
本文为摘录自“csdn博客”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-12-11 15:17:08

element上传组件el-Upload 上传多组多个文件

开发中有这样一个要上传一个logo还有另外的图片

因为框架选择是vue,就顺手用了elementui,写着写着就有了这样一个页面,如上方标题描述
思路是formData
template代码段
el-upload控件是这样写的,把自动提交给组织掉

主要用的是on-change事件
在这里插入图片描述
在methods中把每一个文件都push到一个数组中,如果是两组就定义两个数组,两个on-change事件,多个就定义多个

接下来就是提交了在自己定义的保存或提交按钮的click事件里写
在这里插入图片描述
然后就是表单axios了,用from-data,提交给后台就行了,就不贴了,忘采纳,如有问题用户名 163

php技术微信