vue.js导入excel文件

在Vue.js中，你可以使用 `SheetJS` 库来导入Excel文件。下面是一个简单的示例代码：

<template>
  <div>
    <input type="file" accept=".xlsx, .xls" @change="handleFileUpload">
  </div>
</template>

<script>
import XLSX from 'xlsx';

export default {
  methods: {
    handleFileUpload(event) {
      const file = event.target.files[0];
      const reader = new FileReader();
      reader.onload = (event) => {
        const data = new Uint8Array(event.target.result);
        const workbook = XLSX.read(data, { type: 'array' });
        // 处理工作簿数据
        console.log(workbook);
      };
      reader.readAsArrayBuffer(file);
    }
  }
}
</script>

在这个示例中，我们使用了 `SheetJS` 库中的 `XLSX` 对象来读取 Excel 文件。在读取后，你可以使用这个对象中的方法和属性来访问工作簿数据。

为了让用户可以选择文件，我们在模板中使用了 `<input type="file">` 元素，并监听了 `change` 事件。当用户选择文件后，我们将文件内容转换为 `Uint8Array`，然后交由 `XLSX` 对象来处理。

需要注意的是，在使用 `SheetJS` 库时，你需要先安装它并将其导入到你的代码中。