Vue使用Export2Excel导出包含多Sheet的Excel文件

1
摘要由CSDN通过智能技术生成

这篇文章不在赘述如何安装相关依赖以及导入.js文件。如果有需要的小伙伴可以搜一下即可有,很多文章都有手把手教程。好,直接步入正轨!首先我们先来看看在我们导入的Export2excel.js文件中,有哪些是我们在导出时需要用到的方法(在实现多Sheet的excel文件之前,我们先来了解下单工作簿的excel文件是如何导出的)
下面的导出方法中需要用到的数据和我们在网页中渲染到table上的数据不同,需要格式化

/**
 *  格式数据
 *  @filterVal  格式头
 *  @tableData  用来格式的表格数据
 */
formatJson(filterVal, jsonData) {
                return jsonData.map(v => filterVal.map(j => v[j]))
            }

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
不难看出,formatJson方法的参数为我们需要对应表格输出的数据源数据
以这个代码为例,我们需要的表格数据为’name’,‘count’。而格式化后的数据就是将我们需要的数据整理了出来!

export function export2Excel(th, jsonData, defaultTitle) {
   

  /* original data */

  var data = jsonData;
  data.unshift(th);
  var ws_name = "SheetJS";

  var wb = new Workbook(), ws = sheet_from_array_of_arrays(data);


  
  • 15
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 15
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值