vue + iview 导出excel表格
iveiw框架的中Table组件中有exportCsv()方法可以导出.csv后缀文件,类似于excel文件,但是并不是excel文件。要实现table表格导出excel文件,利用Blob.js和Export2Excel.js两个文件实现1 下载Blob.js和Export2Excel.js文件链接:https://pan.baidu.com/s/15SOqrzBLz-hGEC9...
iveiw框架的中Table组件中有exportCsv()方法可以导出.csv后缀文件,类似于excel文件,但是并不是excel文件。
要实现table表格导出excel文件,利用Blob.js和Export2Excel.js两个文件实现
1 下载Blob.js和Export2Excel.js文件
链接: https://pan.baidu.com/s/15SOqrzBLz-hGEC9SrXxvKw 提取码:u75j
2. 把Blob.js和Export2Excel.js文件放到src文件夹下
注意:安装三个依赖
npm install -S file-saver //用来生成文件的web应用程序
npm install -S xlsx //电子表格格式的解析器
npm install -D script-loader //将js挂在在全局下
3 修改Export2Excel.js文件中的路径(自己的路径)
4 在main.js中引入Blob.js和Export2Excel.js文件(这一步好像没用到)
5 在组件中使用
注意 修改标注位置的路径为自己的路径!
看了前辈们的分享,自己也能导出来,顺便做一下笔记
更多推荐
所有评论(0)