因为项目的需要, 需要从前端导出表格,今天一个坑踩了一个小时,特别分享给大家
Vue导出json数据到Excel表格
一,安装依赖(三个缺一不可)
npm install file-saver --savenpm install xlsx --savenpm install script-loader --save-dev
二,下载两个所需要的js文件Blob.js和 Export2Excel.js 放在src下面的excel文件夹
https://pan.baidu.com/s/1X0CCKwnOcv4U9J6unpZNEA 密码:iidz
上面是按照网上的资料步骤来的
三, 检查Export2Excel.js文件里面的路径是不是正确
![3289a404c2bb4dd22ec320f2542c4a3c.png](https://i-blog.csdnimg.cn/blog_migrate/0c633f1bad980a3a55bc0b4eb41b62e9.jpeg)
四, 给按钮绑定事件
![9b4f9287dd9f7bcdfb08d7ab78a81517.png](https://i-blog.csdnimg.cn/blog_migrate/ab28623f290b2c9d1dfb901dbf7073a9.jpeg)
事件执行函数,其中res.data.header, res.data.data是后台返回的数据
![a4d657f9be609e9b2eeb01113a45bffd.png](https://i-blog.csdnimg.cn/blog_migrate/e59edde8a4b2c6c4f29792844bdcc2e5.jpeg)
点击下载要执行的函数
![fa4d1c7f585236d1158f2933adfed929.png](https://i-blog.csdnimg.cn/blog_migrate/2133e1b50f98cbfd40038818ce5d19dd.jpeg)
下载执行函数
上面的步骤网上搜一搜都有, but 为毛自己的不行!而且我一点击下载,页面就卡死
解决bug中...
记得我们上面引入的文件吗,其实 Blob.js文件不需要引入,去掉后一切都正常了,血崩
![b57f4b2816321ac0b0a5b43c258ac703.png](https://i-blog.csdnimg.cn/blog_migrate/694f62757102ff70ce40a056d9836b17.jpeg)
具体原因也不清楚, 在网上查的都说需要这个js, 但是去掉后一切正常,加入后就报错
求大神指点