依赖vue-element-admin进行二次开发的导出Excel功能

一.学习使用现成的excel导出组件

1.分析:

通过查看vue-element-admin的源文件和网页路由结构可知插件包位于src/vendor/export2Excel中,采用的是按需引入的方式,意思就是什么时候正式要使用导出功能了,插件才会被正式引入到应用里,

import('@/vendor/Export2Excel').then(excel => {})

2.使用:

将vue-element-admin中的src/vendor/export2Excel复制到本项目中，直接使用

二.下载依赖包

npm install file-saver script-loader --save

三.编写代码:

1.给导出按钮添加点击事件

 2.回调函数内容如下

 3.把拿到的数据格式化配置所需要的数据形式

 四.总结

其中比较繁琐的代码就是进行格式转化,我都写了注释不懂的可以看注释,然后就是要学会查看别人的代码 ,找到自己所需要的功能模块cv过来为我所用哈哈哈哈!!!