Vue 读取 Public 下 Excel 文件：使用 js-xlsx 库解析数据

Vue 无法直接读取 public 下的 Excel 文件，需要使用第三方库来读取。常用的库有 js-xlsx 和 xlsx。下面是一个使用 js-xlsx 读取 Excel 文件的示例代码：

1. 安装 js-xlsx

npm install xlsx

2. 在 Vue 组件中引入 js-xlsx

import XLSX from 'xlsx'

3. 读取 Excel 文件

// 读取excel文件
readExcelFile(event) {
  // 获取文件对象
  const file = event.target.files[0]
  // 创建FileReader对象
  const reader = new FileReader()
  // 读取文件内容
  reader.readAsBinaryString(file)
  // 文件读取完成后的回调函数
  reader.onload = () => {
    // 将文件内容转为二进制字符串
    const data = reader.result
    // 使用js-xlsx的方法解析文件内容
    const workbook = XLSX.read(data, { type: 'binary' })
    // 获取第一个工作表的数据
    const sheetData = XLSX.utils.sheet_to_json(workbook.Sheets[workbook.SheetNames[0]])
    console.log(sheetData)
  }
}

4. 添加文件选择器

<template>
  <div>
    <input type="file" @change="readExcelFile">
  </div>
</template>