用vue3.0写excel导入功能

要使用 Vue 3.0 写 Excel 导入功能，你可以使用一些第三方库来处理 Excel 文件。下面是一个简单的示例，使用 xlsx 库来将 Excel 文件导入到 Vue 组件中。

首先，你需要安装 xlsx 库：

npm install xlsx

然后在你的 Vue 组件中引入 xlsx：

import XLSX from 'xlsx'

接下来，在模板中添加一个文件选择器和一个按钮，用于选择 Excel 文件和触发导入操作：

<template>
  <div>
    <input type="file" ref="fileInput" @change="handleFileSelect">
    <button @click="importExcel">导入</button>
  </div>
</template>

然后在 Vue 实例中添加一些方法来处理 Excel 文件的导入：

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

这个方法首先使用 FileReader 对象读取 Excel 文件，然后使用 xlsx 库解析文件并将其转换为 JSON 格式。最后，它将解析后的数据输出到控制台上。

这就是一个简单的 Vue 3.0 Excel 导入功能的示例。当然，你还可以根据自己的需求进行更改和扩展。