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'

});

相关推荐
烟话66 分钟前
vue3响应式基础
前端·javascript·vue.js
英俊潇洒美少年44 分钟前
Vue Hook 与 React Hook 全面解析:区别、用法、实战及避坑指南
前端·vue.js·react.js
踩着两条虫1 小时前
VTJ.PRO 发布 v2.3.6:开放共享模版、优化发布流程,低代码开发体验再升级
vue.js·低代码·ai编程
ldybk1 小时前
教学vue
前端·javascript·vue.js
还是大剑师兰特1 小时前
Pinia介绍及Vue3配置示例
前端·javascript·vue.js
还是大剑师兰特1 小时前
Vue3 Mixin 与 Vue2 Mixin 核心区别
前端·javascript·vue.js
freeWayWalker2 小时前
Vue通用缩放容器
前端·javascript·vue.js
Hello--_--World2 小时前
VUE:逻辑复用
前端·javascript·vue.js
小陈工6 小时前
Python Web开发入门(十七):Vue.js与Python后端集成——让前后端真正“握手言和“
开发语言·前端·javascript·数据库·vue.js·人工智能·python
华科易迅12 小时前
Vue如何集成封装Axios
前端·javascript·vue.js