vue3实现导入excel

Vue 3实现导入Excel的功能，可以通过使用第三方库来辅助完成。一个常用的库是`xlsx`，它可以处理各种Excel文件，并提供读取、写入等能力。以下是使用`xlsx`库在Vue 3项目中实现导入Excel的基本步骤：

1. 安装`xlsx`库：
使用npm或yarn安装`xlsx`库到你的项目中。

   npm install xlsx
   # 或者
   yarn add xlsx

2. 创建导入Excel的功能：
在你的Vue组件中，你需要创建一个方法来处理文件上传事件，并使用`xlsx`库解析上传的Excel文件。

   <template>
     <input type="file" @change="handleFileInput" />
   </template>

   <script>
   import * as XLSX from 'xlsx';

   export default {
     methods: {
       handleFileInput(event) {
         const file = event.target.files[0];
         if (file) {
           const reader = new FileReader();
           reader.onload = (e) => {
             const data = new Uint8Array(e.target.result);
             const workbook = XLSX.read(data, { type: 'array' });

             // 处理workbook以获取你需要的数据
             // 例如：获取第一个工作表的数据
             const firstSheetName = workbook.SheetNames[0];
             const worksheet = workbook.Sheets[firstSheetName];
             const dataObj = XLSX.utils.sheet_to_json(worksheet);
             console.log(dataObj);
           };
           reader.readAsArrayBuffer(file);
         }
       }
     }
   };
   </script>

3. 处理和使用数据：
在`handleFileInput`方法中，通过`sheet_to_json`函数将Excel中的数据转换为JSON数组，然后你可以对这些数据进行处理或直接使用。