vue 导入excel后读取内容

要在Vue中导入Excel并读取内容，可以使用以下步骤：

1. 安装 `xlsx` 库

npm install xlsx --save

2. 创建一个文件输入控件，用于选择Excel文件

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

3. 在组件中定义 `onFileChange` 方法，用于读取Excel文件内容

<script>
import XLSX from 'xlsx';

export default {
  methods: {
    onFileChange(e) {
      const files = e.target.files;
      if (files.length === 0) return;
      const file = files[0];
      const reader = new FileReader();
      reader.onload = (e) => {
        const data = new Uint8Array(e.target.result);
        const workbook = XLSX.read(data, {type: 'array'});
        const sheetName = workbook.SheetNames[0];
        const worksheet = workbook.Sheets[sheetName];
        const jsonData = XLSX.utils.sheet_to_json(worksheet, {raw: false});
        console.log(jsonData);
      };
      reader.readAsArrayBuffer(file);
    }
  }
}
</script>

4. 当用户选择Excel文件后，调用 `onFileChange` 方法，将文件内容读取为JSON格式，并在控制台中输出。

请注意，以上代码只能处理 `.xls` 和 `.xlsx` 格式的Excel文件。如果要处理其他格式的文件，请参考 `xlsx` 库的文档。