【vue】vue中实现导出excel

1、安装依赖

cnpm install -S file-saver xlsx

cnpm install -D script-loader

2.例如在src文件夹中新建一个名为vendor（vendor---名字任取）的文件夹，在该文件夹下放置2个文件Blob.js和 Export2Excel.js。

3.配置build文件夹中的webpack.base.conf.js（注：如果webpack报解析错误）

【vue】vue中实现导出excel

4.应用

 1 export2Excel() {
 2     require.ensure([], () => {
 3         const { export_json_to_excel } = require('vendor/Export2Excel');
 4         const tHeader = ['序号', 'IMSI', 'MSISDN', '证件号码', '姓名'];
 5         const filterVal = ['ID', 'imsi', 'msisdn', 'address', 'name'];
 6         const list = this.tableData;
 7         const data = this.formatJson(filterVal, list);
 8         export_json_to_excel(tHeader, data, '列表excel');
 9     })
10 },
11 //将数组处理成索引数组
12 formatJson(filterVal, jsonData) {
13     return jsonData.map(v => filterVal.map(j => v[j]))
14 }

View Code