vue3导出Excel表

1.下载xlsx包

npm i xlsx

2.导入xlsx包

import * as XLSX from "xlsx";

3.创建表格方法内容

functron exportExcel(){
    //设置表头
   const header = [
    "用户ID",
    "手机号",
    "岗位名称",
    "来源抖音号",
    "来源方式",
    "报名时间",
  ];
    //数据内容
  const data = tableData.value.map((item) => [
    item.userId,
    item.mobile,
    item.workName,
    item.uniqueId,
    selctType(item.type),
    item.createdDate,
  ]);
  let list: any = [];
  data.map((item) => {
    let obj: any = {};
    Object.keys(item).map((key: any) => {
      console.log(key);
      obj[header[key]] = item[key];
    });
    list.push(obj);
  });
    //创建表
  const wx = XLSX.utils.json_to_sheet(list, { header });
  // const wb = XLSX.utils.book_new();
    //设置表间距
  const wb: any = { SheetNames: ["Sheet1"], Sheets: {}, Props: {} };
  wx["!cols"] = [
    { wpx: 80 },
    { wpx: 100 },
    { wpx: 100 },
    { wpx: 100 },
    { wpx: 100 },
    { wpx: 150 },
  ];
  wb.Sheets["Sheet1"] = wx;
  for (let i = 2; i < list.length + 2; i++) {
    wb.Sheets["Sheet1"]["M" + i] = { t: "n", f: "J" + i + "+L" + i + "+K" + i };
    wb.Sheets["Sheet1"]["N" + i] = { t: "n", f: "F" + i + "*J" + i };
    wb.Sheets["Sheet1"]["O" + i] = { t: "n", f: "F" + i + "*L" + i };
  }
  XLSX.utils.book_append_sheet(wb, wx, "data");
  const time = new Date().getTime();
//下载表
  XLSX.writeFile(wb, time + ".xlsx");
}

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值