Vue实现在前端导出Excel

 

之前也看过导出订单项目，但是一直没有实现过，最近刚好有需求要做这个功能！

也去网上看了一些博客，参考了2个比较详细的，最后实现了效果

第一步：安装依赖（三个步骤缺一不可）

npm install file-saver --save
npm install xlsx --save
npm install script-loader --save-dev

tips：之前少了第三步骤，后面一直报错，然后重新安装了依赖，才正常！如果你装的是淘宝镜像，那么把npm换成cnpm即可！

第二步：下载2个js文件：Blob.js和 Export2Excel.js

下载链接：https://download.csdn.net/download/liuxiaoxiaosmile/10345153?utm_source=bbsseo

新建vendor，名称不一定非是vendor，将上面两个js文件放在vendor目录中，可以把vendor放在src目录下

tips：网上很多链接里面点进去下载都要C币，这个是免费的，但是下载的同时会绑定下载一些应用，到时候卸载即可！也可以自己去网上找免费的文件下载

第三步：更改webpack.base.conf.js配置&