一.环境
1.首先表格是elementui的表格,有引jquery等基础js,表格有id
2.引入几个对应的js
(这几个文件我有上传)
<!-- xlsx导出 -->
<script src="../../assets/js/sheetjs/shim.min.js"></script>
<script src="../../assets/js/sheetjs/xlsx.full.min.js"></script>
<!-- FileSaver 文件下载 -->
<script src="../../assets/js/fileSaver/FileSaver.js"></script>
下载地址:
https://download.csdn.net/download/weixin_45933454/74085982
https://download.csdn.net/download/weixin_45933454/74085400
https://download.csdn.net/download/weixin_45933454/74085079
二、写js
//导出excel
exportExcel(){
let that = this;
let tableId = 'shipTable';
debugger
/* 从表生成工作簿对象 */
var wb = XLSX.utils.table_to_book(document.querySelector("#"+tableId));
/* 获取二进制字符串作为输出 */
var wbout = XLSX.write(wb, {
bookType: "xlsx",
bookSST: true,
type: "array"
});
try {
//调用FileSaver存储二进制流
saveAs(
new Blob([wbout], { type: "application/octet-stream" }),
"统计数据.xlsx"
);
} catch (e) {
console.log(e);
}
},