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的文件夹，将文件放进去即可。下面是我项目放公共方法的一个截图。