Vue前端接收数据并导出excel表格
根据业务需求,一般在前后端分离的开发模式下,很多导出excel表格都是后端进行处理。可总不会避免前端拿到数据进行导出excel,根据这个情况,现在写一下我遇到并进行再次封装的方法。
话不多说,先上样式图
可以参考:
/maqian/p/14116509.html
豆子V 的一个博客,不过,他的比我的功能稍微简单一些。
1.安装
npm install file-saver xlsx -Snpm install script-loader -Dnpm install xlsx-style -S // 这个是控制excel样式的插件这三个依赖在前端是必须用到的,搜索一下导出复杂表头都可以找到的
2.创建新的导出文件ExcelExports2.js
如果你的项目使用了后端导出excel,你可能会在项目中发现一个ExcelExports.js文件和Blob.js文件。不过不要慌,我的文件和它没有任何冲突,并且还公用Blob.js
找一个存放公共js的文件夹,将文件放进去即可。下面是我项目放公共方法的一个截图。
如果觉得《前端导出excel 复杂表头 合并单元格 自定义样式》对你有帮助,请点赞、收藏,并留下你的观点哦!