vue3使用xlsx导出json数据为excel表格

原创

已于 2023-09-08 15:20:17 修改 · 3.1k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#vue #xlsx

于 2022-08-01 13:11:05 首次发布

本文介绍了如何使用SheetJS库在JavaScript中操作Excel文件，包括数据导出、标题重命名、工作表调整以及列宽设置。通过实例演示了如何将对象数组转换为带有标题的工作表，并展示了如何改进输出格式使之更易读。

官方文档可以看sheetjs

安装 xlsx

npm install xlsx

使用非常简单
在需要使用的页面引入

import * as XLSX from "xlsx";

要导出的数据需要是一个没有嵌套的对象数组
官方导出数据示例

// 随便声明一个结果
let arr=[{name:"小红",age:18},{name:"小明",age:20}]
// 创建一个新的工作簿
const workbook = XLSX.utils.book_new();
// 创建一个新的工作表
const worksheet = XLSX.utils.json_to_sheet(arr);
// 将工作表附加到工作簿，并将工作表命名为students
XLSX.utils.book_append_sheet(workbook, worksheet, "students");
// 导出工作簿，并命名导出文件名为Presidents.xlsx
XLSX.writeFile(workbook, "Presidents.xlsx");

代码示例

导出文件结果，下面工作表名称就不截了，图片太长不好看，工作表名就是 students