vue 文件导出

需求:

报表导出,格式一般是 docx 或者 xlsx 。

后端会返回 二进制文件,或者直接给一个 blob 数据,我们直接用:::

通常可以使用JavaScript的Blob对象和URL.createObjectURL方法来创建一个下载链接

bash 复制代码
const blob = new Blob([res])
const downloadElement = document.createElement('a')
const href = window.URL.createObjectURL(blob) // 创建下载的链接
downloadElement.href = href
downloadElement.download = `文件${moment().format('HH:mm:ss')}.xlsx` // 下载后文件名(注意格式)
document.body.appendChild(downloadElement)
downloadElement.click() // 点击下载
document.body.removeChild(downloadElement) // 下载完成移除元素
window.URL.revokeObjectURL(href) // 释放掉blob对象
ElMessage.success('导出成功')
相关推荐
拾柒SHY7 分钟前
XSS-Labs靶场通关
前端·web安全·xss
前端婴幼儿13 分钟前
前端主题切换效果
前端
一 乐14 分钟前
水果销售|基于springboot + vue水果商城系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端
JIngJaneIL15 分钟前
校园任务平台|校园社区系统|基于java+vue的校园悬赏任务平台系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·校园任务平台
Qin_jiangshan19 分钟前
如何成为前端架构师
前端
dolt0240 分钟前
基于deepseek实现的ai问答小程序
前端·开源
一只小bit1 小时前
Qt 快速开始:安装配置并创建简单标签展示
开发语言·前端·c++·qt·cpp
加蓓努力我先飞1 小时前
a-第一部分-基础篇-前端面试题总结
前端
+VX:Fegn08951 小时前
计算机毕业设计|基于springboot + vue零食商城管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·课程设计
青莲8431 小时前
Android Jetpack - 3 LiveData
android·前端