vue3 el-table导出为excel

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

1. 安装 `xlsx` 库，该库可用于生成 Excel 文件：

npm install xlsx --save

2. 在你的组件中，引入 `xlsx` 库：

import XLSX from 'xlsx';

3. 创建一个方法来处理导出操作。假设你有一个 `handleExport` 方法，可以按照以下方式实现：

methods: {
  handleExport() {
    // 获取 el-table 中的表头数据
    const header = this.$refs.table.columns.map((column) => column.label);

    // 获取 el-table 中的数据
    const data = this.$refs.table.data.map((row) => {
      return header.map((col) => row[col.prop]);
    });

    // 创建一个工作簿
    const workbook = XLSX.utils.book_new();

    // 创建一个工作表
    const worksheet = XLSX.utils.aoa_to_sheet([header, ...data]);

    // 将工作表添加到工作簿
    XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');

    // 生成 Excel 文件
    XLSX.writeFile(workbook, 'table_data.xlsx');
  }
}

4. 在模板中添加一个按钮或其他触发导出的元素，并绑定 `handleExport` 方法：

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

当你点击 "导出为Excel" 按钮时，el-table 的数据将会被导出为一个名为 "table_data.xlsx" 的 Excel 文件。请确保你的 el-table 组件有一个 `ref` 属性，并且你可以根据实际情况修改代码中的相关部分。