前端js导出表格

安装xlsx依赖

npm install xlsx -S

安装file-saver下载excel

npm install file-saver -S

引入xlsx和file-saver

import { saveAs } from "file-saver";
import XLSX from "xlsx";

使用

1.给el-table增加id或者class

<el-table
    id="table-exprot"
    ....
></el-table>

2.获取工作表、并使用table_to_book方法将table转为excle

const workbook= XLSX.utils.table_to_book(
      document.querySelector('#table-exprot'), {
      	raw: true //有的是日期、小数等格式，直接乱码#。所以这里直接保留原始字符串
      }
);

3.将工作表使用file-saver进行保存

  const wbout = XLSX.write(workbook, {
      bookType: "xlsx",
      bookSST: true,
      type: "array"
    });
    saveAs(
      new Blob([wbout], {
        type: "application/octet-stream"
      }),
      `${fileName}.xlsx`
  );