vue+xlsx前端导出elcexl表格+进阶玩法导出带下拉框表格+导出多个工作表

vue+xlsx前端导出elcexl表格+进阶玩法导出带下拉框表格+导出多个工作表

码农世界 2024-05-26 前端 73 次浏览 0个评论

1.基本导出 

1.导出el-table表格为xlsx表格文件

  原理:主要依赖于 xlsx 包  版本依赖 0.16.1

npm install xlsx@0.16.1

  0.18也可以

   注意: 引入方式一定要用require("xlsx")的方式

  引入方式  var xlsx = require("xlsx");  

  使用说明:点击导出的时候调用exportExcel(id,name)方法入参有两个

  参数说明:

  id:需要导出表格的id

  name:导出文件的文件名

代码如下:



2.进阶导出 

  1.导出数据为xlsx表格文件 表格带下拉选择

  原理:主要依赖于 exceljs 包  版本依赖 4.3.0

  下载方式npm install exceljs@4.3.0

  引入方式  import ExcelJS from "exceljs";



图1:

图2:

图3:

转载请注明来自码农世界,本文标题:《vue+xlsx前端导出elcexl表格+进阶玩法导出带下拉框表格+导出多个工作表》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,73人围观)参与讨论

还没有评论,来说两句吧...

Top