使用组件XLSX前端导出excel文件*（不带样式）

导入js

 npm i xlsx

将其引入需要写导出excel的文件然后加上下面代码即可

exportExcel(id, name) {//id表格id，name文件名称
            var xlxsParam = {raw: true};
            // 从表中生成工作簿
            var wb = XLSX.utils.table_to_book(
                document.querySelector(id),
                xlxsParam
            );
           //时间搓
            let data = new Date();
            let startTime = data.getFullYear() + '年' + (data.getMonth() + 1) + '月' + data.getDate() + '日' + data.getHours() + '时' + data.getMinutes() + '分' + data.getSeconds();
            try {
                window.saveAs(
                    // 返回一个新创建的Blob对象,其内容由参数中给定的数组串联
                    new Blob([wbOut], {type: "application/octet-stream"}),
                    // 导出文件名称
                    ctx01 + name + startTime + '.xlsx'
                );
            } catch (e) {
                // 捕捉报错
                if (typeof console != "undefined") {
                    console.log(e, wbOut);
                }
            }
            console.log(startTime)
            // 将结果返回出来，导出文件
            return wbOut;
        },

这是其他博主写的带样式的可以学习一下

https://blog.csdn.net/qq_46372045/article/details/126779345

下面这个是我写带样式的时候报错用下面这个解决了

js使用forEach循环报错is not a function

下面这个是一个预览excel文件导出http代码的一个教程可以学习一下

https://blog.csdn.net/weixin_49459644/article/details/125130674