vue3 excel文件上传

在Vue 3中，可以使用`xlsx`库来实现Excel文件上传的功能。以下是一个简单的示例：

首先，你需要安装`xlsx`库。在命令行中执行以下命令：

npm install xlsx

在Vue组件中，你可以通过以下方式实现Excel文件上传：

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

<script>
import XLSX from 'xlsx';

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

      reader.onload = (e) => {
        const data = new Uint8Array(e.target.result);
        const workbook = XLSX.read(data, { type: 'array' });
        const worksheet = workbook.Sheets[workbook.SheetNames[0]];
        const jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 });

        console.log(jsonData); // 在控制台中打印Excel数据
      };

      reader.readAsArrayBuffer(file);
    },
  },
};
</script>

上述代码中，`handleFileUpload`方法会在文件选择发生变化时被调用。它会读取Excel文件并将其转换为JSON格式的数据。你可以根据自己的需求对数据进行进一步处理。

请注意，上述代码只展示了如何将Excel文件转换为JSON数据，你可以根据自己的业务逻辑进行相应的处理，比如将数据存储到数据库中或进行其他操作。