el-table 导出excel表格

要在el-table中导出excel表格，可以使用以下步骤：

1. 安装依赖：使用`npm install -S file-saver xlsx`命令安装`file-saver`和`xlsx`依赖。

2. 创建一个方法来导出表格。例如：

exportExcel() {
  import("xlsx").then(xlsx => {
    const data = this.tableData;
    const sheet = xlsx.utils.json_to_sheet(data);
    const workbook = { Sheets: { 'data': sheet }, SheetNames: ['data'] };
    const excelBuffer = xlsx.write(workbook, { bookType: 'xlsx', type: 'array' });
    const fileName = 'example.xlsx';
    const blob = new Blob([excelBuffer], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8'});
    saveAs(blob, fileName);
  });
}

3. 在el-table组件的template中添加一个按钮来触发导出表格的方法。例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="gender" label="性别"></el-table-column>
</el-table>

<el-button type="primary" @click="exportExcel">导出Excel表格</el-button>

这样就可以在el-table中添加一个按钮，当用户点击此按钮时，会导出表格数据到一个Excel文件中。