在vue中上传和处理excel文件

Question

我试图上传一个xlsx excel文件并在我的vue应用程序中处理它。但这是失败的抛出一个错误。这让我觉得我没有正确使用或导入库，因为在node项目中工作正常。

我使用的是xlsx javascript库。

这是我的代码。

模板

<template>
  <div id="app">
    <input type="file" @change="onChange" />
  </div>
</template>

脚本

import XLSX from "xlsx"

export default {
  name: "App",
  methods: {
    onChange(event) {
      this.file = event.target.files ? event.target.files[0] : null;
      let workbook = XLSX.readFile(this.file);
      console.log('workbook1');
      console.log(workbook);
      console.log('SheetNames');
      console.log(workbook.SheetNames);
    },
  }
};

在这一点上，即使被指出一个正确的库，如果有一个将是非常感激。先谢谢你了。

这是我的codesandbox的问题。

https:/codesandbox.iosnervous-montalcini-w3qhy?file=srcApp.vue。

Answer 1

NODE ONLY! 试图读取文件名并解析 !"你可以使用另一个vuejs库。