vue3中导出excel表格

首先安装两个包

"xlsx": "^0.17.4",
"file-saver": "^2.0.5"

直接复制放到package.json中的dependencies对象中，npm install一下就ok，是不是非常的简单
下一步，组件中使用
在组件中引用这两个包

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

导出方法

const exportClick = () => {// 导出文件名const filename = "导出.xlsx";// 导出表格加id,通过id获取要导出的表单const wb = XLXS.utils.table_to_book(document.getElementById("table"));const wbout = XLXS.write(wb, {bookType: "xlsx",bookSST: true,type: "array",});try {FileSaver.saveAs(new Blob([wbout], {type: "application/octet-stream",}),filename);} catch (e) {console.log(e);}return wbout;};

vue3中导出excel表格相关推荐

vue中导出Excel表格
vue中导出Excel表格项目中我们可能会碰到导出Excel文件的需求,一般后台管理系统中居多,将table中展示的数据导出保存到本地.当然我们也可以通过一些处理来修改要导出的数据格式,具体需求具体 ...
Extjs 从grid中导出Excel表格。后台为C#（绝对好用）（按照自己的需求修改版本）...
最近生成Excel表格,稍微得到一点新的体会,特此更新自己开发时候的版本. 开发工具:VS2005 数据库:oracle10.1 浏览器:firefox3.5.9 第一步,web层aspx文件需要载 ...
ag-grid-angular 中导出Excel表格及其配置
ag-grid-angular 中导出Excel表及其配置 api 常用params 详解自定义页眉和页脚定义样式样式参数详解 api exportDataAsExcel(params) 常用 ...
node.js/VUE项目中导出excel表格的多种实现方法（D2admin适用）
方法一.vue+js-xlsx 1.vue项目内安装两个依赖:xlsx.file-saver npm install xlsx --save npm install file-saver --sa ...
Extjs 从grid中导出Excel表格。后台为C#（绝对好用）
一.在程序中增加附件中js文件的引用: 二.定义一个导出Excel文件的函数: function ExportExcel(gridPanel,config) {if (gridPanel) {var ...
vue中导出excel表格(支持导出图片)
//安装插件 npm install js-table2excel //引入插件 import table2excel from 'js-table2excel' //tableData数据 tabl ...
Thinkphp导入、导出Excel表格
Thinkphp中导出Excel表格具体方法如下: 1.在ThinkPHP/Library/Vendor目录下新建文件夹PHPExcel,将excel文件解压后放入文件夹中. (下载地址:链接:htt ...
java中使用jxl导出Excel表格详细通用步骤
该方法一般接收两个参数,response和要导出的表格内容的list. 一般我们将数据库的数据查询出来在页面进行展示,根据用户需求,可能需要对页面数据进行导出. 此时只要将展示之前查询所得的数据放入s ...
批量追踪中通快运物流，并将信息导出EXCEL表格
一般我们批量查询中通快运物流时,可以把查询后的信息以导出EXCEL表格的形式保存到电脑上吗?小编的回答当然是可以的,下面一起来操作. 查询中通物流打开软件,在"添加单号"功能上, ...

vue3中导出excel表格

vue3中导出excel表格相关推荐

最新文章

热门文章