vue3 xlsx使用

在Vue3中使用xlsx库，你可以按照以下步骤进行操作：

1. 首先，确保你已经安装了xlsx库。你可以使用以下命令进行安装：

   npm install xlsx@0.17.0 file-saver@2.0.5 --save

2. 在你的Vue组件中，使用以下方式引入xlsx库：

   import * as XLSX from 'xlsx'

3. 在处理上传文件的方法中，你可以使用`XLSX.read`方法将上传的文件转换为工作簿对象。例如：

   async handleUploadChange(file) {
     let dataBinary = await readFile(file.raw);
     let workBook = XLSX.read(dataBinary, { type: 'binary', cellDates: true })
     let workSheet = workBook.Sheets\[workBook.SheetNames\[0\]\]
     const data = XLSX.utils.sheet_to_json(workSheet)
     console.log(data)
   }

4. 现在，你已经可以使用转换后的JSON数据进行后续操作了。

请注意，以上步骤适用于Vue3版本。如果你使用的是Vue2版本，引入xlsx库的方式略有不同。你可以使用以下方式引入xlsx库：

import XLSX from "xlsx";

希望这些信息对你有所帮助！
#### 引用[.reference_title]
- *1* [andt vue3 使用xlsx读取excel数据 遇到的坑](https://blog.csdn.net/qq_20604185/article/details/124386818)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [Vue之xlsx的使用](https://blog.csdn.net/qq_43548590/article/details/127222258)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]