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'

});

相关推荐
《独白》29 分钟前
将图表和表格导出为PDF的功能
javascript·vue.js·ecmascript
艾克马斯奎普特1 小时前
Vue.js 3 渐进式实现之响应式系统——第三节:建立副作用函数与被操作字段之间的联系
javascript·vue.js
青青奇犽2 小时前
Vue 组件通信全解析:七种核心方式与最佳实践
前端·vue.js·面试
青青奇犽2 小时前
页面渲染优化:提升性能的关键策略🚀
前端·vue.js·面试
JustHappy2 小时前
「Versakit 0.3 重磅发布」 两个月开发成果全揭!
前端·javascript·vue.js
Lingxing2 小时前
Vue组件树:从设计到实现的全方位指南 🚀
前端·vue.js
Jenlybein2 小时前
Vue3 权限控制:利用动态路由与自定义指令
前端·vue.js
ElasticPDF-新国产PDF编辑器1 天前
Vue use pdf.js and Elasticpdf tutorial
vue.js·pdf
Billy Qin1 天前
Tree - Shaking
前端·javascript·vue.js
月明长歌1 天前
Vue + Axios + Mock.js 全链路实操:从封装到数据模拟的深度解析
前端·javascript·vue.js·elementui·es6