excel下载

最新推荐文章于 2024-07-22 08:55:10 发布

沙雕JavaScripter

最新推荐文章于 2024-07-22 08:55:10 发布

阅读量262

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/TianGuaJSTec/article/details/125318077

版权

html省略

download() {
      let params = {
        allFlag: true,
        currPage: 1,
        groupId: "",
        ids: "",
        month: "2022-06",
        pageSize: 10,
        posttype: "blob",
        ruleId: "",
      }
      this.$api.exportTableexportApi(params).then((res) => {
        console.log(res);
        //res：{size: 23552, type: 'application/vnd.ms-excel'}
        this.downloadFile(res, res.type, '排班总览数据.xlsx');
      });
    },

    // 文件流转blob对象下载
    downloadFile(data, type, fileName) {
      const blob = new Blob([data], { type: `application/${type};charset=utf-8` });
      // 获取heads中的filename文件名
      const downloadElement = document.createElement('a');
      // 创建下载的链接
      const href = window.URL.createObjectURL(blob);
      downloadElement.href = href;
      // 下载后文件名
      downloadElement.download = fileName;
      document.body.appendChild(downloadElement);
      // 点击下载
      downloadElement.click();
      // 下载完成移除元素
      document.body.removeChild(downloadElement);
      // 释放掉blob对象
      window.URL.revokeObjectURL(href);
    },