前端导出excel文件带样式_vue前端使用xlsx导出数据到excel中--最简单的方式

最新项目中需要将页面数据导出到excel中，首先想到的就是度娘，得到的结果都是千篇一律，答案都是你复制我我复制你的，虽然能解决问题，但是这个过程也太复杂。

既然无法改变，那就只好插手你的生活了。

废话少说，直接来干货。

首先第一步，只需安装一个依赖：

npm install -s xlsx

第二步：

import XLSX, { WorkSheet } from "xlsx";

通过数据源的情况下：

代码

得到的结果如下:

结果

是不是很简单？？？是不是比你度娘查出来的要简单一百倍？？？

如果不想通过数据源的情况下，只有页面dom元素的情况下可不可以呢？

答案是可以的，还是直接来干货，上代码。

代码

得到的结果和第一种方式一样，当然第二种方式还有个特性，就是你页面中的样式会直接导出来，比如合并表格等控制。

好了，如果你觉得我的方案给你带来了帮助，帮你节省了大量时间，就给个赞。

欢迎收藏和点赞，转载请标明出处。