上传提交formdata提交例子

目录结构

1、HTML 结构

2、data

3、methods

4、使用场景 及 注意事项

1、HTML 结构

<el-form
        ref="dataForm"
        :rules="rules"
        :model="toChildrenData"
        label-position="right"
        label-width="136px"
        style="margin-right:30px;"
      >
        <el-upload
          ref="upload"
          class="upload-btn"
          :action="FileUploadUrl" //提交接口地址 
          :headers="tooken"   // 提交时，header需要携带的tooken
          with-credentials="true"
          :on-change="handleUploadFileChange"
          :before-upload="handleBefore"
          :on-success="handleSuccessFile"
          :on-error="handleErrorFile"
          :file-list="upFileList" //提交时 上传的文件数据 formData类型
          :show-file-list="true"  
          multiple
          :limit="limit"
          :on-exceed="handleExceedFile"
          :accept="accept"
          :before-remove="beforeRemove"
          :auto-upload="false"  //自动上传关闭 点击按钮事件提交
          :data="uploadData"  //提交时 随文件上传时 接口所需的数据 比方说id等 
          :on-remove=