在vue中使用js-xlsx完成导入excel文件然后转化为json数据传给后台

1. 安装js-xlsx依赖包：

npm install xlsx --save

2. 在Vue组件中引入依赖包：

import XLSX from 'xlsx';

3. 定义一个方法，用于读取Excel文件并将其转换为JSON数据：

methods: {
    handleFileUpload(event) {
        const file = event.target.files[0];
        const reader = new FileReader();
        reader.onload = (e) => {
            const data = e.target.result;
            const workbook = XLSX.read(data, { type: 'binary' });
            const sheetName = workbook.SheetNames[0];
            const worksheet = workbook.Sheets[sheetName];
            const json = XLSX.utils.sheet_to_json(worksheet, { header: 1 });
            // 将json数据传递给后台处理
            // ...
        };
        reader.readAsBinaryString(file);
    },
},

4. 在模板中添加一个文件上传的input框，绑定change事件到上一步中定义的方法：

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