vue项目中使用ElemetUI的Upload组件的http-request方法同时上传多个文件并提交表单数据_vue http-request

本篇讲述使用ElementUI中的Upload组件的http-request方法进行多个文件上传的同时提交表单数据

上篇博客使用的是Upload携带额外参数的方法进行文件上传的同时提交表单数据，那种方法仅适用于单个文件上传的时候携带表单数据。
而开发过程中一般会有多个文件上传的需求，用Upload携带额外参数，使用其自带的this.$refs.upload.submit()事件进行上传会发送多个请求，现在我们需要上传多个文件并且提交表单数据的这些操作，只发送一次请求就能完成。

下面先贴上我的html代码，具体的实现细节再一步步讲解。代码看起来一长串，实际很简单，就是一个表单，和一个upload组件。

    <div>
      <el-row>
        <div class="top">
          <el-form :model="form" label-width="65px" label-position="left" ref="form">
            <el-form-item label="访问模式">
              <el-radio-group v-model="form.visitMode">
                <el-radio label="1">HTTP</el-radio>
                <el-radio label="2">HTTPS</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item
              label="域名绑定"
              prop="bindingDomain"
              :rules="[{ required: true, message: '域名不能为空',trigger: 'blur'}]">
              <el-input placeholder="请填写域名"
1
2
3
4
5
6
7
8
9
10
11
12
13
14