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'

});

相关推荐
她说可以呀6 小时前
Vue插槽
前端·javascript·vue.js
qq_448011166 小时前
Vue + Jinja2两套模版与法冲突造成undefinedError
前端·javascript·vue.js
志尊宝8 小时前
AI原生前端开发(039):AI辅助的Nuxt 4全栈开发
前端·vue.js·ai-native
兰亭妙微UI设计公司11 小时前
兰亭妙微ui设计公司分享:B端组件命名如何支持团队协作
前端·javascript·vue.js
小大宇12 小时前
Vue知识点-ElementPlus-03提示框+询问+通知
前端·javascript·vue.js
潇小墨14 小时前
我给自己造了一个桌面效率助手:剪贴板、截图提单、全盘文件搜索,全都塞进快捷键里
vue.js
jktantan15 小时前
前端也需要事务:Vue Router 乐观更新、回滚与“过期事务”
前端·javascript·vue.js
biu_biubiu17 小时前
我开源了 Codebook
前端·vue.js
小李科技18 小时前
【性能优化】事件委托:目标定位与 React/Vue 实战
前端·vue.js·react.js·面试·性能优化·前端框架
蓝莓味的口香糖18 小时前
【VUE】【CSS】Vue移动端适配主流方案总结
前端·css·vue.js