vue xlsx导出 excel文件过大_前端vue+element ui实现数据表格导出excel

前端开发过程中常用的功能，数据导出excel，本文代码demo采用前端框架vue+element ui

来实现，安装依赖 npm install --save xlsx file-saver

在需要用到的组件中引入

1. import FileSaver from "file-saver";
2. import XLSX from "xlsx";

代码如下：

methods:{

exportExcel () {

var xlsxParam = { raw: true };//使用原始格式，解决过长的数字自动转化为科学计数法

var wb = XLSX.utils.table_to_book(document.querySelector('#out-table'),xlsxParam)

var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })

try {

FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), 'sheetjs.xlsx')

} catch (e) { if (typeof console !== 'undefined') console.log(e, wbout) }

return wbout

},

}

代码中out-table为table容器的id

之前由于截图不清晰，重新贴上代码