导出:xlsx文档

111 阅读1分钟

首先要下载这两个插件

xlsx :npm install xlsx
file-saver:npm install file-saver --save

image.png

然后在需要的页面引入

import FileSaver from "file-saver";
import XLSX from "xlsx";
import * as dayjs from "dayjs";

//方法
// 导出
    exportExcel() {
      // 设置当前日期
      let name = dayjs(new Date()).format("YYYY/MM/DD HH:mm:ss") + "数据报表";
      //  .table要导出的是哪一个表格,这里给需要导出的数据表格一个id
      var wb = XLSX.utils.table_to_book(document.querySelector("#detailTable"));
      var wbout = XLSX.write(wb, {
        bookType: "xlsx",
        bookSST: true,
        type: "array",
      });
      try {
        //  name+'.xlsx'表示导出的excel表格名字
        FileSaver.saveAs(
          new Blob([wbout], { type: "application/octet-stream" }),
          name + ".xlsx"
        );
      } catch (e) {
        // if (typeof console !== "undefined") //(e, wbout);
      }
      return wbout;
    },

下载文档到本地

image.png