vue3 el-table导出为excel

要将Vue 3中的el-table导出为Excel，你可以使用以下步骤：

1. 首先，你需要安装`xlsx`和`file-saver`包。在终端中运行以下命令：

npm install xlsx file-saver

2. 在你的Vue组件中，导入所需的库：

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

3. 创建一个方法来导出表格数据为Excel文件：

exportData() {
  // 获取表格数据
  const tableData = this.$refs.table.data;
  
  // 创建一个工作簿
  const workbook = XLSX.utils.book_new();
  
  // 创建一个工作表
  const worksheet = XLSX.utils.json_to_sheet(tableData);
  
  // 将工作表添加到工作簿中
  XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
  
  // 将工作簿转换为Excel文件的二进制数据
  const excelData = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
  
  // 创建一个Blob对象，并保存为Excel文件
  const blob = new Blob([excelData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
  saveAs(blob, 'table_data.xlsx');
}

4. 在el-table组件上添加一个导出按钮，并调用`exportData`方法：

<el-table ref="table">
  <!-- 表格内容 -->
</el-table>

<el-button @click="exportData">导出为Excel</el-button>

以上代码将会将el-table中的数据导出为名为`table_data.xlsx`的Excel文件。请确保在`<el-table>`标签上设置了ref属性，以便在`exportData`方法中引用表格数据。

这是使用Vue 3和Element Plus的示例，如果你在项目中使用了其他UI库或版本，请相应地调整代码。