纯前端导出Excel

功能说明

注意：

    ①本功能依赖安装包xlsl

    ②方法传入的data必须为数组结构

安装依赖

npm install xlsx

在项目utils文件夹中创建exportExcel.js（封装导出函数）

import * as XLSX from "xlsx";/*** 前端导出Excel* @param data 要导出的数据（数组格式）* @param filename 导出的文件名称（XXX.xlsx）*/export const exportExcel = (data, filename) => {// 将对象数组转成二维数组const header = Object.keys(data[0]);const body = data.map((item) => Object.values(item));const ws = XLSX.utils.aoa_to_sheet([header, ...body]);const wb = XLSX.utils.book_new();XLSX.utils.book_append_sheet(wb, ws, "Sheet1");XLSX.writeFile(wb, filename); // 触发浏览器下载
};

在需要的页面进行使用

import { exportExcel } from "@/utils/exportExcel";exportExcel([{姓名:"小明",年龄:"18"},{姓名:"小红",年龄:"20"}], `导出.xlsx`);

注：本人前端小白 ，如有不对的地方还请多多指教