vue读取根目录的excel文件

 try {
    // 请求静态资源文件
    const response = await axios.get('/data.xlsx', { responseType: 'arraybuffer' });
    const data = new Uint8Array(response.data);
    const workbook = XLSX.read(data, { type: 'array' });

    // 获取第一个工作表
    const worksheetName = workbook.SheetNames[0];
    const worksheet = workbook.Sheets[worksheetName];
    // 将工作表转换为JSON
    const jsonData = XLSX.utils.sheet_to_json(worksheet);
   
  } catch (error) {
    console.error('读取文件时发生错误:', error);
  }

Vue3中,使用ExcelJS读取Excel文件可以按照以下步骤进行: 1. 首先,安装ExcelJS库。可以在Vue项目的根目录下运行以下命令来安装ExcelJS: ``` npm install exceljs ``` 2. 在需要读取Excel文件的组件中,引入ExcelJS: ```javascript import ExcelJS from 'exceljs'; ``` 3. 创建一个异步函数来读取Excel文件。例如,可以在Vue组件的`methods`选项中创建一个`readExcelFile`函数: ```javascript methods: { async readExcelFile() { const workbook = new ExcelJS.Workbook(); await workbook.xlsx.read("path/to/excel/file.xlsx"); const worksheet = workbook.getWorksheet(1); worksheet.eachRow({ includeEmpty: true }, (row, rowNumber) => { // 在此处处理每一行的数据 }); } } ``` 4. 调用`readExcelFile`函数来读取Excel文件。可以在需要的地方调用该函数,例如在Vue组件的生命周期钩子中: ```javascript created() { this.readExcelFile(); } ``` 5. 在`worksheet.eachRow`的回调函数中,可以处理每一行的数据。例如,可以使用`row.getCell(columnNumber)`来获取每一行的单元格数据: ```javascript worksheet.eachRow({ includeEmpty: true }, (row, rowNumber) => { const cellA = row.getCell(1).value; const cellB = row.getCell(2).value; // 处理单元格数据 }); ``` 以上是使用ExcelJS读取Excel文件的方法。需要注意的是,需要根据实际的Excel文件路径进行相应的修改,以确保能正确读取Excel文件。此外,还需根据实际需求来处理每一行的数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值