vue实现下载后端返回Excel文件流

最新推荐文章于 2024-05-16 13:30:42 发布

努力进阶的快快~

最新推荐文章于 2024-05-16 13:30:42 发布

阅读量459

点赞数 9

分类专栏： vue3 js方法文章标签： vue.js excel 前端

本文链接：https://blog.csdn.net/m0_69439101/article/details/135605452

版权

vue3 同时被 2 个专栏收录

20 篇文章 1 订阅

订阅专栏

js方法

5 篇文章 0 订阅

订阅专栏

api中添加 responseType: 'blob'
export async function export(params) {
  return await request.get('/aaa/export', { params, responseType: 'blob' });
}

<a-button @click='exportHandle'>导出</a-button>
// 导出事件
const exportHandle = () => {
  let request = {
    id:'12223'
  };
  exportList(request).then(res => {
    const blob = new Blob([res], { type: 'application/vnd.ms-excel;charset=utf-8' });
    const link = document.createElement('a'); // 创建a标签
    link.href = window.URL.createObjectURL(blob);
    link.download = '嘉宾名单';
    link.click(); //点击下载
    // 释放URL对象
    window.URL.revokeObjectURL(link.href);
  });
};