vue excel生成json数据

可以使用 js-xlsx 库来实现将 Excel 文件转换为 JSON 数据。以下是一个简单的示例：

首先，安装 js-xlsx 库：

npm install xlsx

然后在 Vue 组件中引入库并定义一个方法来读取 Excel 文件：

import XLSX from 'xlsx';

export default {
  methods: {
    handleFileUpload(event) {
      const file = event.target.files[0];
      const reader = new FileReader();
      reader.onload = (e) => {
        const data = new Uint8Array(e.target.result);
        const workbook = XLSX.read(data, { type: 'array' });
        const sheet = workbook.Sheets[workbook.SheetNames[0]];
        const json = XLSX.utils.sheet_to_json(sheet, { header: 1 });
        console.log(json);
      };
      reader.readAsArrayBuffer(file);
    }
  }
}

在这个示例中，`handleFileUpload` 方法是用于处理文件上传事件的。当用户选择一个 Excel 文件后，该方法将读取文件并将其转换为 JSON 数据。文件读取完成后，我们可以使用 `sheet_to_json` 方法将 Excel 表格转换为 JSON 数据。其中，`header` 参数用于指定是否将第一行作为表头。

最后，我们可以在控制台中打印 JSON 数据以进行调试。