vue 使用 XLSX 导出 element-ui 的 el-table 到 Excel

复制代码
import * as XLSX from "xlsx";

exportExcel() {
                var wb = XLSX.utils.table_to_book(document.querySelector('#data-table2'), { raw: true});
                var wbout = XLSX.write(wb, {
                    bookType: 'xls',
                    book: true,
                    type: 'array',
                })
                try {
                    FileSaver.saveAs(
                        new Blob([wbout], { type: 'appliction/octet-stream' }),
                        '检查记录明细.xls'
                    )
                } catch (e) {
                    if (typeof console != 'undefined')
                        console.log(e, wbout);
                }
                return wbout
            },
exportExcelAsHTML() {
                var html = "<html><head><meta charset='utf-8' /></head><body>" + $("#data-table").html() + "</body></html>";
                var now = new Date();
                var date = now.getFullYear() + '-' + (now.getMonth() + 1) + '-' + now.getDate() + ' ' + now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds();
                var fileName = $(".title").html();
                var exportFileName = fileName + date + ' ' + ".xls";//自定义导出excel表名称
                var blob = new Blob([html], { type: "application/vnd.ms-excel" });
                saveAs(blob, exportFileName);
            }
复制代码

 

posted on   空明流光  阅读(162)  评论(0)  编辑  收藏  举报

相关博文：
· table 固定表头备忘
· xamarin android 导出 tts 语音到文件
· vue将网页上的table数据或者json数据导出为excel文件
· vue使用elementui框架，导出table表格为excel格式
· vue+element将数据导出成excel表格
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！
历史上的今天：
2022-03-31 el-table 行合并 span-method 方法封装
2017-03-31 webbrowser 响应关闭事件

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示