vue 导出excel

在Vue中导出Excel可以使用以下步骤：

1. 首先，安装 `xlsx` 和 `file-saver` 库，这些库用于生成和保存Excel文件。

npm install xlsx file-saver

2. 在需要导出Excel的组件中，引入所需的库。

import XLSX from 'xlsx';
import { saveAs } from 'file-saver';

3. 创建一个方法来生成Excel文件并保存。

exportExcel() {
  // 创建工作簿对象
  const wb = XLSX.utils.book_new();
  
  // 创建工作表对象
  const ws = XLSX.utils.json_to_sheet(yourDataArray);
  
  // 将工作表添加到工作簿
  XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
  
  // 生成Excel文件的二进制数据
  const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });
  
  // 转换为Blob对象
  const blob = new Blob([excelBuffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
  
  // 使用file-saver保存文件
  saveAs(blob, 'filename.xlsx');
}

在上面的代码中，`yourDataArray` 是你要导出的数据数组。你可以根据需要将其替换为实际的数据源。

4. 在模板中添加一个按钮或触发导出Excel的元素，并绑定 `exportExcel` 方法。

<button @click="exportExcel">导出Excel</button>

这样点击按钮时，将会生成并下载一个名为 "filename.xlsx" 的Excel文件。

请注意，上述代码只是一个基本示例，你可以根据自己的需求进行调整和扩展。