vue3利用xlsx导出报表数据
时间: 2023-05-15 08:05:16 浏览: 77
可以使用xlsx-populate库来实现vue3导出报表数据。以下是一个简单的示例代码:
```
import XlsxPopulate from 'xlsx-populate';
export function exportData(data) {
XlsxPopulate.fromBlankAsync()
.then(workbook => {
const sheet = workbook.sheet(0);
sheet.cell("A1").value("姓名");
sheet.cell("B1").value("年龄");
data.forEach((item, index) => {
sheet.cell(`A${index + 2}`).value(item.name);
sheet.cell(`B${index + 2}`).value(item.age);
});
return workbook.outputAsync();
})
.then(blob => {
const url = window.URL.createObjectURL(new Blob([blob], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" }));
const link = document.createElement("a");
link.href = url;
link.download = "data.xlsx";
link.click();
});
}
```
这个函数接收一个数据数组作为参数,然后使用xlsx-populate库创建一个新的Excel工作簿,并将数据写入第一个工作表中。最后,它将Excel文件作为Blob对象下载到本地计算机。