vue 中做Excel导入批量新增

要在 Vue 中实现 Excel 导入批量新增功能，一般需要以下步骤：

1. 在前端页面上添加一个文件上传组件，用于上传 Excel 文件。
2. 使用 JavaScript 库（如 SheetJS）将上传的 Excel 文件解析成 JSON 格式。
3. 将解析后的 JSON 数据发送到后端，进行批量新增操作。

下面是一个简单的示例代码：

HTML 文件：

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

Vue 组件：

<script>
import XLSX from 'xlsx'

export default {
  name: 'ExcelUpload',
  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 worksheet = workbook.Sheets[workbook.SheetNames[0]]
        const jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 })
        // 发送 jsonData 到后端进行批量新增操作
      }
      reader.readAsArrayBuffer(file)
    }
  }
}
</script>

这里使用了 SheetJS 库来将 Excel 文件解析成 JSON 格式，然后将解析后的 JSON 数据发送到后端进行批量新增操作。需要注意的是，这里使用的是 XLSX 库，可以处理 .xlsx 和 .xls 格式的 Excel 文件。如果需要处理其他格式的文件，需要使用其他库。