前端el-table导出xlsx

Posted 2021-09-09 羽梓橙

安装相关依赖
主要是两个依赖:(xlsx 和 file-saver)
npm install --save xlsx file-saver

插件使用
https://github.com/SheetJS/js...
https://github.com/eligrey/Fi...

放到组件头里引入
import FileSaver from \'file-saver\'
import XLSX from \'xlsx\'

调用
xlsxTable是table 的DOM 节点

exportExcel () {
                /* generate workbook object from table */
                let wb = XLSX.utils.table_to_book(document.querySelector(\'#xlsxTable\'));
                /* get binary string as output */
                let wbout = XLSX.write(wb, { bookType: \'xlsx\', bookSST: true, type: \'array\' });
                try {
                    FileSaver.saveAs(new Blob([wbout], { type: \'application/octet-stream\' }), \'下载文件名.xlsx\');
                } catch (e)
                {
                    if (typeof console !== \'undefined\')
                        console.log(e, wbout)
                }
                return wbout
 },

参考文章：
https://www.jianshu.com/p/6ed...