el-pagination如何导出excel
时间: 2023-05-20 18:03:23 浏览: 64
对于el-pagination导出excel的问题,你可以使用以下步骤:
1. 安装依赖:npm install -S file-saver xlsx
2. 引入依赖:import FileSaver from 'file-saver'; import XLSX from 'xlsx';
3. 定义导出方法:
exportExcel() { // 获取表格数据 const tableData = this.getTableData(); // 定义表格头 const header = ['姓名', '年龄', '性别']; // 定义表格数据 const data = tableData.map(item => [item.name, item.age, item.gender]); // 创建工作簿 const worksheet = XLSX.utils.aoa_to_sheet([header, ...data]); // 创建工作簿文件 const workbook = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1'); // 导出文件 FileSaver.saveAs(new Blob([XLSX.write(workbook, { type: 'binary' })], { type: 'application/octet-stream' }), 'table.xlsx'); }
4. 在el-pagination中添加导出按钮,并绑定导出方法。
这样就可以实现el-pagination导出excel的功能了。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)