el-table前端导出封装方法

1、引用文件准备

需要引进xlsx和fileSaver，[详情看官网](https://sheetjs.com/)

2、封装的方法

/**
	 * 前端导出整体方法,用于el-table表格及其伴生表格
	 * @Author   min
	 * @DateTime 2021-09-1
	 * @param    {String}  tableIdName [报表唯一id](必填)
	 * @param    {String}  exportFileName [导出文件名](不填默认 报表.xlsx)
	 * 在tableData赋值之后调用
	 */
	function exportTableToExcel(tableIdName, exportFileName){
		if(!tableIdName) return;
		setTimeout(() => {
			// 判断要导出的节点中是否有fixed的表格，如果有，转换excel时先将该dom移除，然后append回去，
			var fix = document.querySelector("#" + tableIdName + ' .el-table__fixed');
			var wb;
			var xlsxParam = { raw: true };//转换成excel时，使用原始的格式
			if (fix) {
				wb = XLSX.utils.table_to_book(document.querySelector("#" + tableIdName).removeChild(fix));
				document.querySelector("#" + tableIdName).appendChild(fix);
			} else {
				wb = XLSX.utils.table_to_book(document.querySelector("#" + tableIdName),xlsxParam);
			}
			/* 获取二进制字符串作为输出 */
			var wbout = XLSX.write(wb, {
				bookType: "xlsx",
				bookSST: true,
				type: "array"
			});
			var ad = document.createElement('a');
			ad.href = URL.createObjectURL(new Blob([wbout], { type: "application/octet-stream" }));
			ad.download = (exportFileName ? exportFileName : '报表') + ".xlsx";
			var event = new MouseEvent('click')
			ad.dispatchEvent(event);
		}, 600)
	}

3、使用

html:
<el-table id="out-table3"></el-table>
js使用：
exportTableToExcel('out-table3','报表名称')