element-ui导入导出功能

  <el-upload class="upload-demo"
                   :show-file-list="false"
                   :action="`${baseUrl}/zm/budget/import`"
                    //:action="`http://121.199.49.237:12787/api/person/import`"
                   :headers="{ Authorization :`${token.type} ${token.token}` }"
                  
                   :on-success="onUptadeSuccess"
                   :on-error="onUpdateErr">
          <el-button type="primary">Excel导入</el-button>
        </el-upload>
        <el-button type="primary"
                   @click="onExport">
          <i class="el-icon-delete"></i> Excel导出
        </el-button>


  onExport() {
      getExport(this.formData).then(res => {
        const Blob = res.data;
        const a = document.createElement("a");
        a.download = `${Number(new Date())}预算报表.xlsx`;
        a.href = URL.createObjectURL(Blob);
        document.body.appendChild(a);
        a.click();
        a.remove();
      });
    }
     /** 附件上传失败回调 */
    onUpdateErr(err, file, fileList) {
      MessageBox({
        title: "导入失败",
        message: err,
        type: "error"
      });
    }

    /** 附件上传成功回调 */
    onUptadeSuccess(response, file, fileList) {
      Message({
        message: "导入成功！",
        type: "success"
      });
    }
  }

//api接口
export function getExportp(params) {
  return request({
    url: "/person/export",
    method: "get",
    responseType: "blob",     //必须加这句话 返回类型blob对象
    params,
  });
}