vue导出Excel

(好久没写博客了。遇到的知识点也没做什么总结。哎~懒惰了)
项目需求: 需要可以导出excel表格

html:

<button type="button" class="btn btn-sm btn-primary" @click="exportToExcel">导出</button>

js:
tHeader:导出的excel表格的表头
filterVal:tableData数组中每个对象的相关字段
tableData:数据(以下截图为tableData的模拟数据)
tableData模拟数据

exportToExcel() {
	require.ensure([], () => {
		const {
			export_json_to_excel
		} = require('../assets/js/Export2Excel');
		const tHeader = ['序号','形容', '名字'];
		const filterVal = ['index','nickName', 'name'];
		const list = this.tableData;
		const data = this.formatJson(filterVal, list);
		export_json_to_excel(tHeader, data, '列表excel');
	})
},
formatJson(filterVal, jsonData) {
	return jsonData.map(v => filterVal.map(j => v[j]));
}

下面说下相关配置及依赖:
1、安装依赖包
cnpm install file-saver

cnpm install xlsx

cnpm install script-loader

2、在项目中创建一个文件夹用来存放Blob和Export2Excel两个js文件
Blob和Export2Excel两个js文件存放处
3、说明
Blob路径
如果遇见报错,打开Export2Excel.js文件看下Blob.js的引用路径是否正确。如果没有报错,恭喜完成。

Blob.js和Export2Excel.js文件下载地址
链接:https://pan.baidu.com/s/1KGma9ClnW0jCmyf8uyEQJA 密码:7aem

感谢:https://www.cnblogs.com/zhoulifeng/p/9974735.html(参考作者)

完成!! 如果没有什么问题,那么您需要的导出就完成了。下面是个小问题,本人至今不知道怎么解决【哭咧咧】,麻烦哪位大神指导下多谢。

我已经按照成功的导出excel并且数据都正确,但是控制台还是报错。不知道怎么解决~
Blob.js报错(语法错误)
谢谢大神了,帮帮我~ 嘤嘤

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值