最新項目中需要將頁面數據導出到excel中，首先想到的就是度娘，得到的結果都是千篇一律，答案都是你復制我我復制你的，雖然能解決問題，但是這個過程也太復雜。

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

廢話少說，直接來干貨。

首先第一步，只需安裝一個依賴：

npm install -s xlsx

第二步：

import XLSX, { WorkSheet } from "xlsx";

通過數據源的情況下：

代碼

得到的結果如下:

結果

是不是很簡單？？？是不是比你度娘查出來的要簡單一百倍？？？

如果不想通過數據源的情況下，只有頁面dom元素的情況下可不可以呢？

答案是可以的，還是直接來干貨，上代碼。

代碼

得到的結果和第一種方式一樣，當然第二種方式還有個特性，就是你頁面中的樣式會直接導出來，比如合并表格等控制。

好了，如果你覺得我的方案給你帶來了幫助，幫你節省了大量時間，就給個贊。

歡迎收藏和點贊，轉載請標明出處。

總結

以上是生活随笔為你收集整理的前端导出excel文件带样式_vue前端使用xlsx导出数据到excel中--最简单的方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。