vue3+ts实现导入Excel

在Vue 3中使用TypeScript实现导入Excel需要安装xlsx和@types/xlsx两个包，可以使用以下命令进行安装：

npm install xlsx @types/xlsx --save

在Vue组件中，可以使用以下代码来读取Excel文件：

import * as XLSX from 'xlsx';

export default {
  data() {
    return {
      excelData: []
    }
  },
  methods: {
    onFileChange(event: any) {
      const file = event.target.files[0];
      const reader = new FileReader();
      reader.onload = (event: any) => {
        const data = new Uint8Array(event.target.result);
        const workbook = XLSX.read(data, { type: 'array' });
        const sheetName = workbook.SheetNames[0];
        const sheet = workbook.Sheets[sheetName];
        const excelData = XLSX.utils.sheet_to_json(sheet, { header: 1 });
        this.excelData = excelData;
      };
      reader.readAsArrayBuffer(file);
    }
  }
}

在模板中，可以使用`<input type="file" @change="onFileChange">`来触发文件选择，并将选择的文件传递给`onFileChange`方法。读取Excel文件并将数据存储在`excelData`中。

注意：在使用TypeScript的时候，需要对组件中的方法、参数、返回值进行类型定义。