使用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組件介紹