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('导出成功')
相关推荐
Shirley~~1 天前
Vue-skills的中文文档
前端·人工智能
毎天要喝八杯水1 天前
搭建vue前端后端环境
前端·javascript·vue.js
计算机程序设计小李同学1 天前
幼儿园信息管理系统的设计与实现
前端·bootstrap·html·毕业设计
雨季6661 天前
Flutter 三端应用实战:OpenHarmony “极简手势轨迹球”——指尖与屏幕的诗意对话
开发语言·javascript·flutter
雨季6661 天前
Flutter 三端应用实战:OpenHarmony “专注时光盒”——在碎片洪流中守护心流的数字容器
开发语言·前端·安全·flutter·交互
tao3556671 天前
【用AI学前端】HTML-02-HTML 常用标签(基础)
前端·html
2601_949532841 天前
Psello HTML Template: A Developer‘s Deep-Dive Review and Guide - Download Free
前端·windows·html·seo·wordpress·gpl
CappuccinoRose1 天前
CSS前端布局总指南
前端·css·学习·布局·flex布局·grid布局·float布局
摘星编程1 天前
OpenHarmony环境下React Native:Tooltip自动定位
javascript·react native·react.js
穿过锁扣的风1 天前
如何操作HTML网页
前端·javascript·html