elementUI实现excel导出文件

标签：wbout xlsx elementUI excel 导出 XLSX let Blob

需要导入依赖

npm install -S file-saver xlsx
npm install -D script-loader

html页面：

<el-button icon="el-icon-document" style="float: right;margin-top: 5px;margin-left: 5px;" circle size="mini" @click="doExportExcel"></el-button>  

script代码：

import FileSaver from "file-saver"; import * as XLSX from "xlsx"; export default { ...... methods:{ ...... doExportExcel(){//执行表格导出为excel文件       let xlsxParam = { raw: true };       /* 从表生成工作簿对象 */       let wb = XLSX.utils.table_to_book(         document.querySelector("#tableData"),         xlsxParam       );       /* 获取二进制字符串作为输出 */       let wbout = XLSX.write(wb, {         bookType: "xlsx",         bookSST: true,         type: "array",       });       try {         FileSaver.saveAs(           //Blob 对象表示一个不可变、原始数据的类文件对象。           //Blob 表示的不一定是JavaScript原生格式的数据。           //File 接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件。           //返回一个新创建的 Blob 对象，其内容由参数中给定的数组串联组成。           new Blob([wbout], { type: "application/octet-stream" }),           //设置导出文件名称           this.templateName.slice(0, -2)+"-第"+this.currentPages+"页.xlsx"         );       } catch (e) {         if (typeof console !== "undefined") console.log(e, wbout);       }       return wbout;     }, .... } 参考https://blog.csdn.net/NancyFyn/article/details/125888015

标签：wbout,xlsx,elementUI,excel,导出,XLSX,let,Blob
From： https://www.cnblogs.com/luzanzan/p/17466844.html