【vue】vue中element表格导出为excel表格

1、安装依赖（npm不行的话用cnpm）

npm install --save xlsx file-saver

2、在js引入头文件

  import FileSaver from 'file-saver'import XLSX from 'xlsx'

3、在methods中添加导出函数

exportExcel () {/* out-table关联导出的dom节点  */var wb = XLSX.utils.table_to_book(document.querySelector('#out-table'))/* get binary string as output */var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })try {FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), '设备台账.xlsx')} catch (e) { if (typeof console !== 'undefined') console.log(e, wbout) }return wbout},

4、添加导出按钮

<el-button icon="el-icon-download" @click="exportExcel">导出</el-button>

5、测试

【vue】vue中element表格导出为excel表格相关推荐

html excel导出的路径,html 导出多个excel表格数据-如何将html页面中的表格导出到excel表格...
怎样将html表格导出到excel中啊?我用的是asp.net. stringbuilder拼接的也就是说,是用字符组成的表格,这并不是意义上的表格. 要实现导出EXCEL的较麻烦,给你讲一下解题思路 ...
vb 读取oracle中的表格数据,如何将数据库信息读取导出excel表格中-VB 从SQL数据库中把数据导出到Excel表格中，怎么写？...
VB 从SQL数据库中把数据导出到Excel表格中,怎么写? INSERT INTO OpenDataSource('Microsoft.Jet.OLEDB.4.0', 'Data Source=&q ...
数据库中的表导出成excel表格并发送给客户端
需求概述 excel相信大家都不陌生了,公司里的白领也好大学学生也好的老朋友了,今天说说后端数据库里的内容怎么导出成excel表格技术手段后端:Servlet,poi,MyBaits 前端:axi ...
SQL Server 数据库中数据库表导出为Excel表格
数据库操作人员经常会使用sql server 中数据导出至excel表中,其过程其实比较简单,只是有部分细节需要注意,有出现个别情况可以进行规避处理打开数据库,选择需要导出的数据库名,右键选择&q ...
php怎么将表格导出到excel表格,php怎么将excel表格数据-php 怎么把数据导出到excel表格...
如何使用php实现将数据从excel表导入到mysql中? /** * @param array $data //二维数组不是对象 * @param string $filename //导件 */ ...
在springboot中使用easyexcel导出数据excel表格
第一步: 在pom.xml中添加easyexcel依赖之前测试一些低版本会出现一些问题,所以在这里使用了2.1.6的版本. <dependency><groupId>com. ...
将html表格导出到excel表格,table2excel-将HTML表格内容导出到Excel中_html/css_WEB-ITnose...
简要教程 jquery-table2excel是一款可以将HTML表格的内容导出到微软Excel电子表格中的jQuery插件.该插件可以根据你的需要导出表格中的内容,不需要的行可以不导出.它文件体积小 ...
Qt 将qsqlite数据库中的数据导出为Excel表格
1.首先添加库 QT += core gui sql axcontainer sql:操作数据库 axcontainer:操作Excel表格 2.采用多线程的方式导出 expoer.h #ifndef ...
将表格导出成excel表格
创建js文件,把下面内容都引入 Blob.js (function (view) {"use strict";view.URL = view.URL || view.webkitU ...
matlab中将数据导出到Excel表格、.txt、.xml等文件中
本人应用例子导出效果:第一行为提示,所以在设置表格行数时需要+1,如上图 matlab官网例子 load patients.mat T = table(LastName,Age,Weight,Smo ...

【vue】vue中element表格导出为excel表格

【vue】vue中element表格导出为excel表格相关推荐

最新文章

热门文章