您可以使用 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 文件。

请注意,如果您的数组对象中的数组是嵌套的,则需要使用递归方法将其转换为二维数组。

Vue 数组对象导出到 Excel (包含嵌套数组)

原文地址: https://www.cveoy.top/t/topic/oT3M 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录