纯前端导出excel（vue3）

最新推荐文章于 2024-05-24 19:09:11 发布

心想事成--

最新推荐文章于 2024-05-24 19:09:11 发布

阅读量660

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/zcy1005/article/details/126849127

版权

//下载 xlsx 和file-saver两个包
//组件中引入
import XLXS from "xlsx";
import FileSaver from "file-saver";


const exportClick = () => {
	// 导出文件名
      const filename = "导出.xlsx";
      // 导出表格加id,通过id获取要导出的表单
      const a= XLXS.utils.table_to_book(document.getElementById("table"));
      const b = XLXS.write(a, {
        bookType: "xlsx",
        bookSST: true,
        type: "array",
      });
      try {
        FileSaver.saveAs(
          new Blob([b], {
            type: "application/octet-stream",
          }),
          filename
        );
      } catch (e) {
        console.log(e);
      }
      return b;
    };