ElementUi Upload上传组件调接口时踩坑（FormData传参）

使用自定义Upload上传实现

参数：http-request 意为“覆盖默认的上传行为，可以自定义上传的实现”是个function。

使用Upload组件

因为饿了么提供的几种上传交互都不满足我们的业务，所以我需要自定义交互。先看一下代码里是怎样的。

// main.js里引入并使用
import { Upload } from 'element-ui';
Vue.use(Upload);
复制代码

// xxx.vue
  <template>
    <el-upload
      action="string"           // action是必填项，随便填个内容
      :http-request="uploadImg" // 使用自定义上传实现
      :show-file-list="false"   // 不显示已上传文件列表
      >
    </el-upload>
  </template>
复制代码

下面先显示错误的版本

  // xxx.vue 以下只显示了调接口的指定方法
  <script>
     methods: {
      uploadImg(item) {
        Api.uploadFile({
          data: {
            file: item.file,
            group: 'system'
          }
        })
        .then((data) => {
          conso