vue3 采用xlsx库实现本地上传excel文件，前端解析为Json数据

需求：本地上传excel 文件，但需要对excel 文件的内容进行解析，然后展示出来

1. 安装依赖

首先，确保安装了 xlsx 库：

bash复制

npm install xlsx

2. 创建 Vue 组件

创建一个 Vue 组件（如 ExcelUpload.vue），用于实现文件上传和解析功能。

组件代码：

<template>
  <div>
    <input type="file" class="file-btn hoverPointer" accept=".xls,.xlsx"

                            @change="changeExcel($event)" />
    <div v-if="tableData.length > 0">
      <table>
        <thead>
          <tr>
            <th v-for="header in headers" :key="header">{ { header }}</th>
          </tr>
        </th