Vue3轻松实现导出Excel文件功能
文章目录
- 1.前言
- 2.安装插件
- 3.案例
-
- 3.1 定义表格数据，设置 id 选择器
- 3.2 据所选 dom 对象生成 sheetbook
- 3.3 写入文件
- 3.4 生成 xlsx文件
- 4.完整代码
1.前言
前端常用的导出 Excel的 js 库是 xlsx，但是 xlsx不能设置样式。要想设置样式，必要要结合 xlsx-style 插件一起使用，但是 xlsx-style设置样式又超级麻烦。
后来又出来个 xlsx-js-style 插件，它将xlsx 和xlsx-style进行相结合，既能导出 Excel 基础数据，又能设置表头、单元格的样式。
所以这里我们主要选择 xlsx-js-style 这个插件导出 Excel，同时借助 file-saver 库保存文件。
2.安装插件
npm i xlsx-js-style file-saver -S