ant Desgin vue 导入导出下载模板

说话很温柔

已于 2023-06-30 17:56:33 修改

阅读量1k

点赞数 1

分类专栏：前端遇到的问题文章标签： vue.js 前端 javascript

于 2022-11-04 13:55:31 首次发布

本文链接：https://blog.csdn.net/weixin_68451163/article/details/127687399

版权

先说导入吧，

首先我们先发请求代码如下：

按照自己的接口发请求，因为我这个用的是封装的，

因为我这个请求是总导入，好多个用一个，所以我们定义importType类型，来区分

//导入档案总
export function importerFile(importType: string, params: any) {
  return defHttp.post<any>({ url: Api.ImporterFile + '?importType=' + importType, params });
}

下面是html代码（需要引入相应的组件）

name="file" 是文件的名字
:multiple="true" 是否可以传入多个
:showUploadList="false" 是否展示 uploadList, 可设为一个对象
:beforeUpload 上传文件之前的钩子，参数为上传的文件，若返回 false 则停止上传。

  <a-dropdown>
          <template #overlay>
            <a-menu @click="handleMenuClick">
              <a-menu-item key="import">
                <a-upload
                  name="file"