Vue中将Element表格导出为excel

首先安装 xlsx和file-saver

安装17和2.0.5的版本是为了防止导出Excel表格时,utils未定义的问题

npm install --save xlsx@0.17.0
npm install --save file-saver@2.0.5

然后在需要导出excel的页面导入

import FileSaver from "file-saver";
import XLSX from "xlsx";

最后再调用方法(exportTab是在table定义的 id="exportTab")

handleExport() {      var wb = XLSX.utils.table_to_book(document.querySelector("#exportTab"),xlsxParam);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;
}

也可以封装成一个方法在页面调用，在页面调用方法时将dom和导出的标题名称出入即可

handleExcel() {toExcel.getExcel('#exportTab','自定义标题')},

Vue中将Element表格导出为excel相关推荐

【vue + Excel表格导入与导出】导入Excel并展示在el-table表格中，表格导出为Excel文件
注:末尾有完整代码效果图 Excel 1.下载依赖 xlsx是导入所需依赖 file-saver是导出所需依赖 npm install xlsx --save npm install file-sa ...
python 导出大量数据到excel_怎么在python中将大量数据导出到Excel文件
怎么在python中将大量数据导出到Excel文件发布时间:2021-01-16 11:09:40 来源:亿速云阅读:76 作者:Leah 这期内容当中小编将会给大家带来有关怎么在python中将 ...
前端表格导出为excel方法合集
前端表格导出为excel方法合集近来遇到了前端表格保存为excel的需求,通过查阅多方资料,总结了3种方法,下面一一进行展示,有不正确的地方,望指正.主要包括两种导出方法--纯前端导出和前端接收后端 ...
html制作表格保存为txt文件,可将HTML表格导出为Excel|csv|txt文件的jQuery插件
TableExport是一款可以将HTML表格导出为Excel xlsx格式.xls格式,以及csv和txt文件的jQuery插件.TableExport插件使用简单,默认使用Bootstrap的CS ...
Vue将echarts数据导出成excel文件
Vue将echarts数据导出成excel文件一.下载vendor插件下载 vendor 文件放置项目的 src 目录下链接:https://pan.baidu.com/s/1XYYQ186zo ...
html导出表格为csv,可将HTML表格导出为Excel|csv|txt文件的jQuery插件
TableExport是一款可以将HTML表格导出为Excel xlsx格式.xls格式,以及csv和txt文件的jQuery插件.TableExport插件使用简单,默认使用Bootstrap的CS ...
html5怎么导出表格,《网页导出到 excel表格数据》如何将网页表格导出到excel
如何将网页数据输出为Excel或Word文件 1.保页在浏览器中访标网页,执行菜单"文件"→"另",文件类型"网页,全部". 2.用WPS ...
html excel导出的路径,html 导出多个excel表格数据-如何将html页面中的表格导出到excel表格...
怎样将html表格导出到excel中啊?我用的是asp.net. stringbuilder拼接的也就是说,是用字符组成的表格,这并不是意义上的表格. 要实现导出EXCEL的较麻烦,给你讲一下解题思路 ...
将页面表格导出为excel并下载
将页面表格导出为excel并下载的方式有很多, 本次介绍的是表格div的下载. 这种方式很简单,不需要去创建excel文件,也不需要创建工作簿,然后一点一点的填写数据.只需要将页面的div中的表格下载 ...

Vue中将Element表格导出为excel

Vue中将Element表格导出为excel相关推荐

最新文章

热门文章