vue接收IO流并写入Execl

最新推荐文章于 2022-09-20 15:59:27 发布

thinking thinking

最新推荐文章于 2022-09-20 15:59:27 发布

阅读量1k

点赞数

分类专栏： vue execl 文章标签： VUE

本文链接：https://blog.csdn.net/qq_42886494/article/details/124163786

版权

vue 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

execl

1 篇文章 0 订阅

订阅专栏

代码块：

// 导出 js 注意(responseType: 'blob')
export function exportsmsRecordDetailList (query) {
    return request({
      url: '/exportsmsRecordDetailList',
      method: 'get',
      params: query,
      responseType: 'blob',
    })
  }
 // 导出  页面方法
    exportBtn() {
       let url = ''
       exportsmsRecordDetailList().then(res =>{
          const blob = new Blob([res]);
          const fileName = '发送记录.xls';
          const elink = document.createElement('a');// 创建a标签
          elink.download = fileName;// 为a标签添加download属性
          // a.download = fileName; //命名下载名称
          elink.style.display = 'none';
          elink.href = URL.createObjectURL(blob);
          document.body.appendChild(elink);
          elink.click();// 点击下载
          URL.revokeObjectURL(elink.href); // 释放URL 对象
          document.body.removeChild(elink);// 释放标签
          this.loadingExt = false;

       });