vue3 json数据导出excel

本文介绍了一种简单的方法,通过安装xlsx库,封装export_excel函数,将Vue3项目的JSON数据直接导出为Excel文件。无需后台接口,通过修改函数实现自定义表头的设置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言: 1、之前项目里的导出方法十分的复杂,于是优化了一下,简直不要太简洁。

            2、以下的导出方法是针对json数据来导出的,不是文件流哦,后台没有给接口。

1、下载依赖

npm install xlsx --save

2、书写导出方法,封装一个export文件

import * as XLSX from "xlsx";

export function export_excel(excelData, fileName) {

    // 将数据写入表格中

    const data = XLSX.utils.json_to_sheet(excelData);

    // 创建工作簿

    const wb = XLSX.utils.book_new();

    // 将工作表放入工作簿中

    XLSX.utils.book_append_sheet(wb, data, "data");

    // 生成文件并下载

    XLSX.writeFile(wb, fileName + ".xlsx");

}

3、引用export_excel 方法并使用

import { export_excel } from "@/utils/export";

exportExcel(){

   export_excel(excelData,"文件列表");</

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值