526互联

推荐一个前端读取CSV文件的插件Papa Parse

发布时间 2023-11-14 11:52:42作者: wxxwjef

Papa Parse点击跳转到官网，该插件可以将文件解析成2层数组。

下面是vue项目引用的方法

1.安装

npm install vue-papa-parse

2.引入，在main.js里

import Vue from 'vue'
import VuePapaParse from 'vue-papa-parse'

Vue.use(VuePapaParse)

3.使用，例如delimiter这类配置，可以参考官网文档，可以配置很多属性，这里设置了分隔符

methods: {
  handleFileUpload(file) {
    this.$parse.parse(file, {
      delimiter: ',', // 字段分隔符
      complete: (results) => {
        this.csvData = results.data
      }
    })
  }
}