1、安装 xlsx 库：

npm install xlsx

2、在你的组件中引入 xlsx 库：

import * as XLSX from 'xlsx';

3、添加导出按钮到你的模板：

<!-- 在模板中添加导出按钮 -->
<el-button type="primary" @click="exportToExcel">导出Excel</el-button>

4、exportToExcel函数

// 导出 Excel
const exportToExcel = () => {// 构建工作簿const wb = XLSX.utils.book_new();const ws = XLSX.utils.json_to_sheet(tableData.value);// 将工作表添加到工作簿XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');// 将工作簿转为 ArrayBufferconst arrayBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });// 创建 Blobconst blob = new Blob([arrayBuffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });// 创建下载链接const url = URL.createObjectURL(blob);const a = document.createElement('a');a.href = url;a.download = 'exported_data.xlsx';// 模拟点击下载链接document.body.appendChild(a);a.click();document.body.removeChild(a);URL.revokeObjectURL(url);
};