vue xlsx 生成excel文件并下载
时间: 2024-01-26 10:04:44 浏览: 86
你可以使用 `xlsx` 和 `file-saver` 库来生成并下载 Excel 文件。以下是一个简单的示例:
1. 安装 `xlsx` 和 `file-saver` 库。
```bash
npm install xlsx file-saver --save
```
2. 创建一个 `generateExcel` 函数来生成 Excel 文件。
```javascript
import XLSX from 'xlsx';
import { saveAs } from 'file-saver';
function generateExcel(data) {
// 创建一个工作簿
const wb = XLSX.utils.book_new();
// 创建一个工作表
const ws = XLSX.utils.json_to_sheet(data);
// 将工作表添加到工作簿中
XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
// 将工作簿转换为二进制数据流
const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });
// 将二进制数据流转换为 Blob 对象
const blob = new Blob([wbout], { type: 'application/octet-stream' });
// 保存 Blob 对象为文件
saveAs(blob, 'data.xlsx');
}
```
3. 调用 `generateExcel` 函数并传入数据。
```javascript
const data = [
{ name: 'Alice', age: 18 },
{ name: 'Bob', age: 20 },
{ name: 'Charlie', age: 22 },
];
generateExcel(data);
```
这样就可以生成并下载一个名为 `data.xlsx` 的 Excel 文件了。
阅读全文