vue批量导入excel

在 Vue 项目中，如果需要批量导入Excel文件，可以使用 `xlsx` 库来实现。

首先，安装 `xlsx` 库：

npm install xlsx

然后，在需要导入Excel文件的组件中，可以使用以下代码来读取Excel文件：

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

<script>
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 sheetName = workbook.SheetNames[0]
        const sheet = workbook.Sheets[sheetName]
        const json = XLSX.utils.sheet_to_json(sheet)

        console.log(json)
      }

      reader.readAsArrayBuffer(file)
    }
  }
}
</script>

这段代码会在组件中添加一个文件上传的输入框，当用户选择Excel文件后，会读取文件内容，并将其转化为 JSON 格式输出到控制台中。

需要注意的是，如果需要读取多个 sheet 中的内容，可以使用 `workbook.SheetNames` 和 `workbook.Sheets` 属性进行遍历。

const workbook = XLSX.read(data, { type: 'array' })

workbook.SheetNames.forEach(sheetName => {
  const sheet = workbook.Sheets[sheetName]
  const json = XLSX.utils.sheet_to_json(sheet)

  console.log(json)
})

这样就可以方便地批量导入Excel文件了。