xlsx导出以excel文件导出数据

原始需要导出的数据(这里我就导出两条数据)

导出后的excel内容

实现步骤:

1、安装xlsx插件

2、新建util文件,我这里是将代码放在util文件夹下的exportFile.js中(文件中的代码)

import * as XLSX from 'xlsx'
//将数据导出为excel文件
export let exportFile=(selectList)=>{
    if(selectList.length==0){
        console.log("导出的数据不能为空")
        return
    }
    let arr=selectList.map(item=>{
        // 这里根据自己的需求进行修改
        return {
            序列号:item.ID,
            姓名:item.name,
            年龄:item.age,
            性别:item.sex,
        };
    });
    
    let sheet=XLSX.utils.json_to_sheet(arr),
     book=XLSX.utils.book_new();
    // sheet1表示要导出的分区名字
    XLSX.utils.book_append_sheet(book,sheet,"sheet1");
    console.log("book",book)
    // user开头加时间戳的文件名,可以修改成其它名字
    XLSX.writeFile(book,`user${(new Date()).getTime()}.xls`);
}

3、注意根据自己的字段修改导出的内容,如下:

4、在需要的页面引入util文件,

import {exportFile} from '../plugin/fileUtils/exportFile'

直接在页面中使用,就可以导出想要的文件数据了

 

  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值