vue excel批量导入

Vue Excel 批量导入可以采用以下步骤：

1. 安装 `xlsx` 和 `file-saver` 库

npm install xlsx file-saver --save

2. 创建一个 Excel 模板文件，可以在 Excel 中设置好要导入的数据格式，保存为 `.xlsx` 格式

3. 创建一个上传 Excel 文件的表单，监听上传事件

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

<script>
import * as XLSX from 'xlsx';
import * as FileSaver from 'file-saver';

export default {
  methods: {
    handleFileUpload(event) {
      const { files } = event.target;
      if (!files.length) {
        return;
      }

      const fileReader = new FileReader();
      fileReader.readAsBinaryString(files[0]);
      fileReader.onload = () => {
        const workbook = XLSX.read(fileReader.result, { type: 'binary' });
        const worksheet = workbook.Sheets[workbook.SheetNames[0]];
        const data = XLSX.utils.sheet_to_json(worksheet, { header: 1 });
        console.log('Excel data:', data);
        // 将数据提交到后端进行处理
      };
    },
  },
};
</script>

4. 在后端处理 Excel 数据，将数据保存到数据库中

以上是一个简单的 Vue Excel 批量导入的实现方式。需要注意的是，Excel 文件的格式必须与模板文件一致，否则可能会导致数据解析错误。