表单上传多个包含文件的表单

vue怎么实现多个表单提交，里面的表单实体有的包含文件，没有文件，如下图

使用多个el-upload 控件，每个控件设置好对应的事件和方法，后台对应的上传函数就可以了，参考如下代码

<el-upload

              class="avatar-uploader"

              :headers="headers"

              :action="uploadUrl1"

              :show-file-list="true"

              :on-success="handleAvatarSuccess1"

              name="logo1"

              :before-remove="beforeRemove1"

              :file-list="dataForm.fileList1"

              :before-upload="beforeAvatarUpload1">

              <img v-if="dataForm.exerciseAnswerPicture" :src="dataForm.exerciseAnswerPicture" class="avatar">

              <i v-else class="el-icon-plus avatar-uploader-icon"></i>

            </el-upload>

主要定义这3个事件对应的函数及后台上传函数

:on-success="handleAvatarSuccess1"

:before-remove="beforeRemove1"

:before-upload="beforeAvatarUpload1"

您好，我是有问必答小助手，你的问题已经有小伙伴为您解答了问题，您看下是否解决了您的问题，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632