ts el-table xlsx 导出数据

可以通过以下步骤在 ts-el-table 中使用 xlsx 将表格数据导出为 Excel 文件：

1. 安装 xlsx：

npm install xlsx --save

2. 在需要导出表格的组件中，引入 xlsx：

import * as XLSX from 'xlsx';

3. 定义一个方法来处理导出操作，该方法接受一个数据数组作为参数：

handleExportData(data: any[]): void {
  // 创建一个空的工作簿
  const wb: XLSX.WorkBook = XLSX.utils.book_new();
  // 将数据转换为工作表对象
  const ws: XLSX.WorkSheet = XLSX.utils.json_to_sheet(data);
  // 将工作表添加到工作簿中
  XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
  // 导出工作簿为 Excel 文件
  XLSX.writeFile(wb, 'data.xlsx');
}

4. 在 el-table 组件中添加一个自定义列来触发导出操作：

<el-table-column label="操作">
  <template slot-scope="scope">
    <el-button type="primary" icon="el-icon-download" @click="handleExportData([scope.row])">导出</el-button>
  </template>
</el-table-column>

这样，点击表格中的“导出”按钮将会导出当前行的数据，保存为一个名为“data.xlsx”的 Excel 文件。如果想要导出全部数据，将参数改为数据数组即可。