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'

});

相关推荐
澄江静如练_2 分钟前
优惠券提示文案表单项(原生div写的)
前端·javascript·vue.js
Irene199126 分钟前
Vue2 与 Vue3 响应式实现对比(附:Proxy 详解)
vue.js·响应式实现
JQLvopkk1 小时前
Vue框架技术详细介绍及阐述
前端·javascript·vue.js
+VX:Fegn08951 小时前
计算机毕业设计|基于springboot + vue物流配送中心信息化管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·小程序·课程设计
北辰alk1 小时前
一文解锁vue3中hooks的使用姿势
vue.js
北辰alk1 小时前
vue3 如何监听路由变化
vue.js
北辰alk1 小时前
Vue3 生命周期深度解析:从 Options API 到 Composition API 的完整指南
vue.js
内存不泄露1 小时前
基于Spring Boot和Vue的企业办公自动化系统设计与实现
java·vue.js·spring boot·intellij-idea
北辰alk1 小时前
toRef 和 toRefs 详解及应用
vue.js