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

Question

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

Answer 1

使用多个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>