Vue读取本地excel转换为json

一.安装xlsx插件

npm install xlsx -S

二.导入工具类

utile文件夹下创建xlsx.js

/* 读取文件 */
export const readFile = (file) => {
  return new Promise(resolve => {
    let reader = new FileReader()
    reader.readAsBinaryString(file)
    reader.onload = ev => {
      resolve(ev.target.result)
    }
  })
}

三.组件中使用

<script>
import xlsx from 'xlsx'
import { readFile } from '../../utils/xlsx'
export default {
  data() {
    return {
      slsxList: [],
    }
  },
 
  methods: {
    async onChange(file) {
      let dataBinary = await readFile(file.raw)
      let workBook = xlsx.read(dataBinary, { type: 'binary', cellDates: true })
      let workSheet = workBook.Sheets[workBook.SheetNames[0]]
      const data = xlsx.utils.sheet_to_json(workSheet)
      console.log(data)//这里已经能拿到转换后的json
//过滤数据
      data.filter(v => {
        if (typeof v['蔬菜交易情况录入信息表'] == 'number') {
          let obj = {
            BH: v['蔬菜交易情况录入信息表'], //编号
            SCMJ: v[''], //名称
            ZGJ: v['_3'] - 0, //最高价
            ZDJ: v['_3'] - 0, //最低价
            JJ: v['__EMPTY'] - 0, //平均价
          }
          this.slsxList.push(obj)
        }
      })
    },

}
</script>```