可以使用以下步骤来将
JSON 数据
导出为
CSV 文件：
1. 安装 `
json2
csv` 模块：
```bash
npm install
json2
csv --save
```
2. 在需要
导出 CSV 文件的组件中引入 `
json2
csv` 模块：
```javascript
import {
json2
csv } from '
json2
csv';
```
3. 将
JSON 数据转换为
CSV 格式：
```javascript
const fields = ['name', 'age', 'email']; //
CSV 表头
const data = [
{ name: '张三', age: 28, email: '
[email protected]' },
{ name: '李四', age: 32, email: '
[email protected]' },
{ name: '王五', age: 24, email: '
[email protected]' }
]; //
JSON 数据
const
csv =
json2
csv({ fields, data });
```
4. 创建一个下载链接来下载
CSV 文件：
```javascript
const blob = new Blob([
csv], { type: 'text/
csv;charset=utf-8;' });
const url = URL.createObjectURL(blob);
const link =
document.createElement('a');
link.setAttribute('href', url);
link.setAttribute('download', 'data.
csv');
link.style.visibility = 'hidden';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
```
完整代码如下：
```javascript
<template>
<div>
<button @click="
export
Csv">
导出 CSV</button>
</div>
</template>
<script>
import {
json2
csv } from '
json2
csv';
export default {
methods: {
export
Csv() {
const fields = ['name', 'age', 'email']; //
CSV 表头
const data = [
{ name: '张三', age: 28, email: '
[email protected]' },
{ name: '李四', age: 32, email: '
[email protected]' },
{ name: '王五', age: 24, email: '
[email protected]' }
]; //
JSON 数据
const
csv =
json2
csv({ fields, data });
const blob = new Blob([
csv], { type: 'text/
csv;charset=utf-8;' });
const url = URL.createObjectURL(blob);
const link =
document.createElement('a');
link.setAttribute('href', url);
link.setAttribute('download', 'data.
csv');
link.style.visibility = 'hidden';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
}
};
</script>
```
3221
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
