时间:2021-07-01 10:21:17 帮助过:17人阅读
一、安装依赖(前面基本一样)
npm install file-saver --save npm install xlsx --save npm install script-loader --save-dev
二、下载两个所需要的js文件Blob.js和 Export2Excel.js。
这里贴下下载地址:
Export2Exce_jb51.rar
三、src目录下新建vendor文件夹,将Blob.js和 Export2Excel.js放进去。
四、更改webpack.base.conf.js配置
在resolve的alias:
五、在.vue文件中
script部分
template:
<button @click="export2Excel">导出</button>
这里说明一下:
1、export2Excel()中require的路径因个人项目结构不同可能需要单独调整,如果报module not found '../../Export2Excel.js'之类请自行修改路径。
2、tHeader是每一栏的名称,需手动输入。
3、filterVal是data中list的key值,也是要自己写的。
4、这里记得要与data里面的list名称对应
5、这里可定义导出的excel文件名
相关推荐:
PHP导出EXCEL快速开发指南
php使用原生的方法导出excel实例分享
jquery导出数据到excel代码实例详解
以上就是Vue如何导出json数据到Excel电子表格方法的详细内容,更多请关注Gxl网其它相关文章!