vue3导出excel文件封装

在Vue 3中，可以使用 `xlsx` 库来封装导出Excel文件的功能。下面是一个简单的示例，展示了如何使用 `xlsx` 库导出Excel文件。

首先，安装 `xlsx` 库：

npm install xlsx

然后，在需要导出Excel文件的组件中，创建一个方法来封装导出功能：

// 导入xlsx库
import XLSX from 'xlsx';

export default {
  methods: {
    exportToExcel() {
      // 创建一个工作簿对象
      let wb = XLSX.utils.book_new();
      
      // 创建一个工作表对象
      let ws = XLSX.utils.json_to_sheet(yourDataArray);
      
      // 将工作表添加到工作簿中
      XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
      
      // 将工作簿转换为Excel文件的二进制数据流
      let excelData = XLSX.write(wb, { type: 'array', bookType: 'xlsx' });
      
      // 创建一个Blob对象，并将Excel数据流放入其中
      let blob = new Blob([excelData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
      
      // 创建一个下载链接，并设置下载属性
      let downloadLink = document.createElement('a');
      downloadLink.href = window.URL.createObjectURL(blob);
      downloadLink.download = 'filename.xlsx';
      
      // 触发点击下载链接
      downloadLink.click();
    }
  }
}

在上面的代码中，`yourDataArray` 是你要导出的数据数组。你需要将其转换为工作表对象，并添加到工作簿中。然后，将工作簿转换为Excel文件的二进制数据流，最后创建一个下载链接并触发点击，即可下载导出的Excel文件。

请注意，上面的示例代码中的 `filename.xlsx` 是导出的Excel文件的文件名，你可以根据自己的需求修改它。

希望这可以帮助到你！如果你有任何其他问题，请随时问我。