1. 使用npm安装

npm i -S file-saver xlsx script-loader

2. 我这边是在src/renderer 下面新建了一个Excel文件夹,然后把以下两个文件复制过来

链接: https://pan.baidu.com/s/18qBkhCyfyjkuG5OHwxi-JQ 提取码: cn2f

element-ui table 导出成Excel表格

3. 我在我需要导出的页面,引入了

import Blob from "@/execl/Blob.js";

4. 导出所调用的方法:

const { export_json_to_excel } = require("../execl/Export2Excel");

如下截图中 this.tableData是本身要导出的table数据

element-ui table 导出成Excel表格

5. 做完如上这些,网上很多方法说可以呢,可是我点击导出后,页面报错,TypeError: Cannot read property 'encode_cell' of undefined,找了很久的问题,之后在Export2Excel.js中引入了XLSX就没有报错了。

element-ui table 导出成Excel表格

相关文章: