vue前端导出excel文件显示object
时间: 2024-05-18 07:18:00 浏览: 192
vue导入导出excel文件
你可以使用第三方库 `xlsx` 来导出 Excel 文件,并将 Object 转换为 Excel 表格的数据。以下是一个简单的示例代码:
```javascript
// 安装 xlsx 库
// npm install xlsx
// 引入 xlsx 库
const XLSX = require('xlsx');
// 要导出的对象
const data = [
{ name: 'John', age: 30, city: 'New York' },
{ name: 'Jane', age: 25, city: 'London' },
{ name: 'Bob', age: 40, city: 'Paris' }
];
// 将对象转换为 Excel 的工作表
const workbook = XLSX.utils.json_to_sheet(data);
// 创建 Excel 文件
const workbookOutput = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbookOutput, workbook, 'Sheet1');
// 导出 Excel 文件
XLSX.writeFile(workbookOutput, 'output.xlsx');
```
在上面的示例中,我们首先安装了 `xlsx` 库,并通过 `require` 引入了它。然后,我们创建了一个包含数据的对象数组。接下来,我们使用 `XLSX.utils.json_to_sheet` 方法将对象数组转换为 Excel 的工作表。然后,我们创建一个新的 Excel 文件,并将工作表添加到其中。最后,我们使用 `XLSX.writeFile` 方法将文件写入磁盘。
你可以根据自己的需要修改对象数据和文件名。请确保在使用该代码之前安装了 `xlsx` 库。
阅读全文