使用elementui，upload组件，既要上传文件，又要提交表单

• 概述：之前遇到过一种场景，就是既要上传Excel表格，又要提交表单内容到后台，我使用的是elementui中el-upload组件，搜了很多资料，发现都不太好用。后来看官方文档发现，人家提供了这个接口给我们使用。

• 适用场所：既要提交文件，又要提交表单。且是同一个api处理

• el-upload代码:

<el-upload
  class="upload-demo"
  ref="upload"
  action="https://jsonplaceholder.typicode.com/posts/"
  :on-preview="handlePreview"
  :on-remove="handleRemove"
  :file-list="fileList"
  :data= "this.form"
  :auto-upload="false">
  <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>

大家可以通过:data这个属性，继而绑定你的表单对象，让上传的文件与表单一起提交到后台处理。注意::data绑定的必须是一个对象。

• el-upload组件介绍