vue中下载csv格式的bolb流文件
时间: 2024-01-28 15:03:52 浏览: 71
要在Vue中下载CSV格式的Blob流文件,可以使用以下步骤:
1. 安装 `file-saver` 库:
```bash
npm install file-saver --save
```
2. 在Vue组件中引入 `file-saver` 库:
```javascript
import { saveAs } from 'file-saver';
```
3. 在Vue组件中创建一个下载CSV文件的方法:
```javascript
downloadCSV() {
// 要下载的数据
const data = [
["name", "age"],
["john", 30],
["jane", 25],
["peter", 35]
];
// 将数据转换为CSV格式
const csvData = Papa.unparse(data);
// 将CSV数据转换为Blob
const blob = new Blob([csvData], { type: 'text/csv;charset=utf-8;' });
// 下载文件
saveAs(blob, 'data.csv');
}
```
4. 在Vue组件中添加一个按钮,当用户点击该按钮时调用 `downloadCSV` 方法:
```html
<template>
<button @click="downloadCSV">下载CSV文件</button>
</template>
```
这样,当用户点击下载CSV文件的按钮时,就会下载一个名为 `data.csv` 的CSV文件。
阅读全文