记录关于基于VUE+elementui实现多级表头导出excel

废话不多说,直接贴代码!

这是html代码,没啥好说的~

html

然后非常重要的两个步骤:npm install xlsx  file-saver  -S       npm install script-loader  -S  -D

然后就开始使用吧~  gogogo!!!


导出方法

上面的multiHeader  header 依次是一级、二级表头  filterVal是把所有表格的字段一个个塞进去,后面需要循环处理。然后是merges,顾名思义,意思是excel的和并规则,这个就不多介绍了,具体情况具体配置,下面是循环处理filterVal的方法


循环处理

然后呢? 然后就大功告成了!!! 效果图  这个是二级的表头,如果需要三级的道理也是一样的 再配置一层三级表头就行了


效果图

有问题留言哦小伙伴们~~~

你可能感兴趣的:(记录关于基于VUE+elementui实现多级表头导出excel)