vue exceljs导入excel

在Vue中使用exceljs导入Excel文件可以通过以下步骤实现：

1. 首先，安装exceljs依赖包。在命令行中执行以下命令：

   npm install exceljs

2. 在需要使用的组件中，引入exceljs库。可以在`<script>`标签中添加以下代码：

   import * as ExcelJS from 'exceljs';

3. 定义一个用于处理Excel文件的方法。可以在methods中添加以下代码：

   import { saveAs } from 'file-saver';

   methods: {
     handleImport(file) {
       const reader = new FileReader();
       reader.onload = (event) => {
         const data = new Uint8Array(event.target.result);
         const workbook = new ExcelJS.Workbook();
         workbook.xlsx.load(data).then((workbook) => {
           // 处理Excel文件的逻辑
           const worksheet = workbook.getWorksheet(1);
           worksheet.eachRow((row, rowNumber) => {
             // 处理每行的数据
             console.log(`Row ${rowNumber} - ${row.values}`);
           });
         });
       };
       reader.readAsArrayBuffer(file);
     }
   }

4. 在模板中添加一个文件上传的input元素，并绑定change事件：

   <input type="file" @change="handleImport($event.target.files[0])" />

这样，当用户选择一个Excel文件后，会调用`handleImport`方法来读取并处理Excel文件。