vue使用文件流下载表格

最新推荐文章于 2024-05-10 15:35:18 发布

blingbling兵兵

最新推荐文章于 2024-05-10 15:35:18 发布

阅读量181

点赞数

分类专栏：前端工作文章标签： vue.js javascript html 文件流下载表格

本文链接：https://blog.csdn.net/weixin_40412060/article/details/120448968

版权

前端工作专栏收录该内容

17 篇文章 0 订阅

订阅专栏

this.$http
        .post("/mgmt/ExcelFinancialProductModelDown.do",query,{responseType: 'blob'})
              .then(res => {
                let blob = new Blob([res.data], {
                  type: 'application/vnd.ms-excel'
                });// 转化为blob对象
                const tempLink = document.createElement('a');// 创建一个a标签
                tempLink.style.display = 'none';
                tempLink.href = URL.createObjectURL(blob);
                tempLink.setAttribute('download', '理财产品详细信息维护.xls')
                document.body.appendChild(tempLink);// 将a标签添加到body当中
                tempLink.click();// 启动下载
                URL.revokeObjectURL(tempLink.href);
                document.body.removeChild(tempLink);// 下载完毕删除a标签
                this.$message.success("下载成功");
              })
        .catch(err => {
          this.errorMsg = "请求异常，请稍后再试";
        });

URL.createObjectURL（）用于创建 URL 的 File 对象、Blob 对象或者 MediaSource 对象。