vue下载Excel表格

小水龙-冲冲冲

已于 2022-06-14 09:26:05 修改

阅读量363

点赞数 1

分类专栏： vue 前端文章标签： vue.js javascript 前端

于 2022-05-25 14:19:41 首次发布

本文链接：https://blog.csdn.net/weixin_45797900/article/details/124965292

版权

前端同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

vue

11 篇文章 0 订阅

订阅专栏

开发中遇到需求要下载excel表格，由后台返回excel表格文件流。

// 拼接接口需要的数据
let sign = {
    sTime: this.tempDate[0] || '',
    eTime: this.tempDate[1] || '',
    idOrTitle: this.queryInfo.idOrTitle || '',
    status: this.queryInfo.status
}

//调用接口获取
axios.request({
      method: "post",
      url: '/release/goodsListVo',
      responseType: "blob",
      params: sign,
}).then(function (response) {
         //获取到接口返回的excel文件流，通过downloadElement进行处理
         let blob = new Blob([response.data]);
         let downloadElement = document.createElement("a");
         let href = window.URL.createObjectURL(blob);
         downloadElement.href = href;
         // 自定义下载excel表格的名称
         downloadElement.download = '商品列表.xlsx';
         document.body.appendChild(downloadElement);
         downloadElement.click();
         document.body.removeChild(downloadElement);
         window.URL.revokeObjectURL(href);
     })
        //接口报错提示
        .catch(function (error) {
             this.$message.error(error);
     });