vue3 使用XLSX导出

1 :在index.html引入 <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.2/xlsx.full.min.js"></script>

2:页面使用

<el-table id="elCostTable"></el-table>

// 获取表格数据

const table = document.getElementById("elCostTable");

const wb = XLSX.utils.table_to_book(table, { raw: true });

const fileName = `测试.xlsx`;

// 导出文件

const sheetBlob = XLSX.writeFile(wb, fileName, {

bookType: 'xlsx',

type: 'array'

});

相关推荐
科兴第一吴彦祖17 小时前
在线会议系统是一个基于Vue3 + Spring Boot的现代化在线会议管理平台,集成了视频会议、实时聊天、AI智能助手等多项先进技术。
java·vue.js·人工智能·spring boot·推荐算法
沙尘暴炒饭17 小时前
前端vue使用canvas封装图片标注功能,鼠标画矩形框,标注文字 包含下载标注之后的图片
前端·vue.js·计算机外设
百思可瑞教育18 小时前
Vue中使用keep-alive实现页面前进刷新、后退缓存的完整方案
前端·javascript·vue.js·缓存·uni-app·北京百思可瑞教育
前端码虫19 小时前
2.9Vue创建项目(组件)的补充
javascript·vue.js·学习
BillKu19 小时前
Vue3中app.mount(“#app“)应用挂载原理解析
javascript·vue.js·css3
VueVirtuoso20 小时前
SaaS 建站从 0 到 1 教程:Vue 动态域名 + 后端子域名管理 + Nginx 配置
前端·vue.js·nginx
祈祷苍天赐我java之术21 小时前
Vue 整体框架全面解析
前端·javascript·vue.js
清风细雨_林木木1 天前
Vue加载资源‘如图片’的“直接引入“方式和“request()“的区别
前端·javascript·vue.js
BillKu1 天前
Vue3应用执行流程详解
前端·javascript·vue.js
前端农民工ws1 天前
Vue 框架的 markdown 渲染组件,针对 AI 的 markdown 流式传输场景
前端·javascript·vue.js·ai