vue 解析csv转换成json

在 Vue 中解析 CSV 并将其转换为 JSON 格式，可以使用 PapaParse 库。可以按照以下步骤进行操作：

1. 首先，安装 PapaParse 库。可以使用 npm 进行安装：

   npm install papaparse

2. 在需要使用的 Vue 组件中，引入 PapaParse 库：

   import Papa from 'papaparse';

3. 使用 PapaParse 的 `parse` 方法将 CSV 数据解析成 JSON 格式：

   Papa.parse(csvData, {
     complete: function(results) {
       // results.data 就是解析后的 JSON 数据
     }
   });

其中，`csvData` 是待解析的 CSV 数据，`results.data` 就是解析后的 JSON 数据。

完整的 Vue 组件示例代码如下：

<template>
  <div>
    <input type="file" @change="handleFileUpload" />
  </div>
</template>

<script>
import Papa from 'papaparse';

export default {
  methods: {
    handleFileUpload(event) {
      const file = event.target.files[0];
      const reader = new FileReader();

      reader.onload = (e) => {
        const csvData = e.target.result;

        Papa.parse(csvData, {
          complete: function(results) {
            console.log(results.data);
            // 在这里可以将解析后的 JSON 数据保存到组件的 data 中
          }
        });
      };

      reader.readAsText(file);
    }
  }
};
</script>