vue 导出excel表格 xlsx文件

4 篇文章 0 订阅

1 下载 xlsx 插件

 npm install -S file-saver xlsx,
 npm install -D script-loader , //下载这两个

2、下载Blob.js、Export2Excel.js 文件自行搜索
注意文路径

3、点击导出按钮时触发

 require.ensure([], () => {
      const {export_json_to_excel} = require("../lib/Export2Excel"); //自己的命名和路径
      const data  = this.formatJson(filterVal,excelarr);// 参数1 为导出表头的字段名,参数2 为导出的数据
      export_json_to_excel(tHeader,data ,`薪资核算`); // 参数1 表头 参数2 导出的数据,参数3 导出表格名称 根据需要自己命名
  })
formatJson(filterVal, jsonData) {
     return jsonData.map(v => filterVal.map(j => v[j]));
 },

4数据格式如下

 tHeader:["班级","姓名","年龄"],//表头名
 filterVal:["grade",'name','age'],//表头的字段名
 excelarr:[{grade:"五年级",name:"张三",age:"18"}],//导出的数据
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值