el-table导出excel

el-table是vue框架中常见的表格组件。为了方便用户将表格数据导出excel文件，通常会在页面上添加“导出”按钮。实现这个功能的方法如下：

1.安装依赖

用户首先需要在项目中安装两个依赖：file-saver和xslx。其中，file-saver负责文件下载，xslx是一种Excel文档的格式化插件。

2.导出功能的实现

Vue.js 可以通过 methods 属性给实例添加一个自定义的导出方法。这个方法需要通过tableData变量获取表格中的数据，并进行预处理，最后将数据下载为excel文件。

在预处理阶段，可以借助第三方插件“xlsx”将数据转换为二进制数据，并通过file-saver的Blob方法生成一个Blob对象。代码如下：

exportExcel() {
const data = this.tableData;
const sheet = XLSX.utils.json_to_sheet(data); // json_to_sheet将json数据处理成excel需要的格式
const blob = new Blob([s2ab(XLSX.write({ // write函数将二进制数据写入blob中
SheetNames: ['Sheet1'],
Sheets: {
'Sheet1': sheet
}
}, { bookType: 'xlsx', type: 'binary' }))], { type: 'application/octet-stream' }); // 将工作簿类型定义为xlsx，将数据类型定义为：二进制数据
saveAs(blob, '导出表格.xlsx'); // 将数据对象以xlsx格式下载
}

3.完成导出功能后，在页面上添加按钮，绑定导出方法即可。

以上就是el-table导出excel的实现方法。通过以上步骤，用户可以方便地将vue框架中的表格数据导出为excel文件。