欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端直接导出excel

程序员文章站 2024-03-24 11:29:10
...

1.安装插件

yarn add xlsx file-saver

2.在导出的事件中

exportExcel(){
	let et = XLSX.utils.table_to_book(
	//获取table的DOM
        document.getElementById("table-contents")
      );
      let etout = XLSX.write(et, {
        bookType: "xlsx",
        bookSST: true,
        type: "array"
      });

      try {
        FileSaver.saveAs(
          new Blob([etout], {
            type: "application/octet-stream"
          }),
          "XXX.xls"
        );
      } catch (e) {
        //console.log(e, etout)
      }
      console.log(etout);
      return etout;
}
相关标签: vue.js