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'

});

相关推荐
小光学长21 小时前
基于Vue的智慧楼宇报修平台设计与实现066z15wb(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
胖虎2651 天前
基于 Vue3+TypeScript+Vant 的评论组件开发实践
vue.js
user_admin_god1 天前
基于Layui Vue Admin + Spring Boot 3.x 的企业级前后端分离管理系统
vue.js·spring boot·layui
李剑一1 天前
mitt和bus有什么区别
前端·javascript·vue.js
F_Director1 天前
简说Vue3 computed原理
前端·vue.js·面试
Wang's Blog1 天前
前端FAQ: 描述⼀下你最近使⽤过的前端框架,并解释为何选择它们?
前端·vue.js·faq
callmeSoon1 天前
Solid 初探:启发 Vue Vapor 的极致框架
vue.js·前端框架·响应式设计
小二·1 天前
从零到上线:Spring Boot 3 + Spring Cloud Alibaba + Vue 3 构建高可用 RBAC 微服务系统(超详细实战)
vue.js·spring boot·微服务
xiaohe06011 天前
🥳 Uni ECharts 2.1 发布:正式支持鸿蒙,零成本迁移、全平台兼容、跨端开发零负担!
vue.js·uni-app·echarts
RAY_CHEN.1 天前
vue递归组件-笔记
前端·javascript·vue.js