Vue 数组对象导出到 Excel (包含嵌套数组)
您可以使用 JavaScript 库,如 SheetJS 或 ExcelJS,将 Vue 数组对象中包含数组的数据导出到 Excel。
下面是使用 SheetJS 库的示例代码:
import XLSX from 'xlsx';
// 示例数据
const data = [
{ name: 'John', age: 35, hobbies: ['reading', 'hiking'] },
{ name: 'Jane', age: 28, hobbies: ['swimming', 'dancing', 'cooking'] },
{ name: 'Bob', age: 42, hobbies: ['fishing'] }
];
// 将数组对象转换为二维数组
const dataArray = data.map((item) => [item.name, item.age, item.hobbies.join(', ')]);
// 创建工作簿
const workbook = XLSX.utils.book_new();
// 创建工作表
const worksheet = XLSX.utils.aoa_to_sheet([
['Name', 'Age', 'Hobbies'], // 表头
...dataArray // 数据
]);
// 将工作表添加到工作簿
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
// 导出 Excel 文件
XLSX.writeFile(workbook, 'data.xlsx');
在上面的示例代码中,我们首先将 Vue 数组对象中包含数组的数据转换为二维数组,并使用 XLSX.utils.aoa_to_sheet() 方法创建工作表。我们还使用 XLSX.utils.book_append_sheet() 方法将工作表添加到工作簿中,并最终将工作簿导出为 Excel 文件。
请注意,如果您的数组对象中的数组是嵌套的,则需要使用递归方法将其转换为二维数组。
原文地址: https://www.cveoy.top/t/topic/oT3M 著作权归作者所有。请勿转载和采集!