首先安装两个包

"xlsx": "^0.17.4",
"file-saver": "^2.0.5"

直接复制放到package.json中的dependencies对象中,npm install一下就ok,是不是非常的简单
下一步,组件中使用
在组件中引用这两个包

import XLXS from "xlsx";
import FileSaver from "file-saver";

导出方法

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

前往低代码交流专区

更多推荐