vue基于Blob.js和Export2Excel.js做前端导出excel兼容ie

最新推荐文章于 2023-12-24 10:10:59 发布
最新推荐文章于 2023-12-24 10:10:59 发布
阅读量293 收藏
点赞数
分类专栏： IE兼容 文章标签： vue.js javascript 前端 edge
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/danbaobaoya/article/details/112432001
版权 
这里简单的说一下兼容ie的想法，至于vue怎么使用这两个文件做导出excel这里不加叙述，不会的请自动百度或评论私聊。

对于这个问题的产生，我有两种猜想供讨论，有兴趣的可以验证下

  • 是由于ie的版本产生的，高版本的可能会兼容
  • ie根本不兼容这两个插件

下面说我发现的解决办法：

  • 我意外的发现，点击导出按钮之前，按f12之后不关闭，再点击导出按钮可以正常导出excel，此刻关闭f12控制台无影响，其它页面的导出也可以正常使用
  • 如果进入页面没按f12时你已经点击了导出，此时按f12，再刷新一下页面，也可正常导出

有问题欢迎留言讨论~

冰～影~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Export2Excel.js导出excel
11-18
包含Blob.js和Export2Excel.js文件，支持导出excel内容的宽度自适应，在vue项目中实现前端导出Excel文件
《web课程设计》使用HTML+CSS制作大学生校园二手交易网站
热门推荐
html精品源码
08-04 1万+
🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语...
Uniapp导出H5无法预览的问题
m0_37792384的博客
03-26 777
1.修改H5配置 2.点击发行配置自己的地址，重新发布后查看自己打包后的html文件，即可浏览样式！
Dreamweaver网页作业——紫罗兰永恒花园动漫价绍网页 7页，含有table表格，js表单验证还有首页视频。以及列表页。浮动布局。div+css+js
最新发布
12-24 395
1网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了Logo（源文件）所需的知识点。
vue基于Blob.js和 Export2Excel.js做前端导出Excel
weixin_38673922的博客
09-10 1036
一、安装依赖 npm install -S file-saver npm install -S xlsx npm install -D script-loader 二、导入两个js 三、main.js 引入文件 //引入Excel import Blob from './Excel/Blob' import Export2Excel from './Excel/Export2Excel.js' // 封装公共方法,导出Excel*************************************
vue实现导出Excel的两个js文件-Blob+Export2Excel
11-06
vue实现导出的两个js文件-Blob+Export2
Export2Excel.js 此文档专为发布文档《Vue 使用js-xlsx导出》提供下载
01-14
Export2Excel.js 此文档专为发布文档《Vue 使用js-xlsx导出》提供下载
vue导出excel
zhl999999999的博客
09-25 878
1.下载依赖包： npm install -S file-saver xlsx npm install -D Script-loader 2.下载两个文件Blob.js和 Export2Excel.js 在src下创建vendor文件夹，将两个js放在这里面。 Blob.js：   /* eslint-disable */ /* Blob.js  * A Blob implement...
Blob.js 和Export2Excel.js
12-11
web前端 使用vue导出execl所需的Export2Excel.js 和 Blob.js 文件
vue导出excel表格Blob,Export2Excel
01-15
vue导出excel表格Blob,Export2Excel
Blob+Export2Excel.rar
04-28
VUE导出Blob.js+Export2Excel.js用于导出excel的2个JS，可以满足大部分的需求
Export2Excel.js+Blob导出为表格数据
09-23
Export2Excel.js、Blob.js实现将数据导出为表格的形式
Export2Excel.js
09-04
vue的导出文件插件，需要时请放在vender文件夹下。至于为什么，我也不知道，官方的vue-element-admin就是这么放的。
数据表格导出之Blob.js和Export2Excel.js下载
04-05
内容包括数据表格导出的必须文件Blob.js和Export2Excel.js两个文件
Blob.js和Export2Excel.js.rar
07-02
Blob.js和Export2Excel.js
vue导出excel(Blob.js/Export2Excel.js).rar
05-27
vue+elementui导出excel的相关js，，导入导出的函数具体看我的其他文章。
Blob.js和Export2Excel.js
10-25
vuejs导出表格用到的公用文件，包括Export2Excel.js and Blob.js，对于前端到处表格直接可以运用，欢迎大家下载使用
excellentexport把表格的内容生成excel兼容FirefoxChromeIE6
08-07
excellentexport 把表格的内容生成excel。兼容 Firefox, Chrome, IE6
vue项目如何用XLSX.js导出柱状图到excel
03-22
您可以使用以下步骤将柱状图导出到Excel： 1. 安装XLSX.js库 2. 在Vue项目中引入XLSX.js库 3. 创建一个数据数组，包含您要导出的数据 4. 使用XLSX.js库中的工具函数将数据转换为Excel文件格式 5. 将Excel文件保存到本地计算机 以下是一个简单的示例代码： ``` import XLSX from 'xlsx'; export default { methods: { exportToExcel() { // 创建数据数组 const data = [ ['Month', 'Sales'], ['January', 100], ['February', 200], ['March', 300], ['April', 400], ['May', 500], ]; // 将数据转换为Excel文件格式 const worksheet = XLSX.utils.aoa_to_sheet(data); const workbook = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(workbook, worksheet, 'Sales Data'); const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' }); // 将Excel文件保存到本地计算机 const blob = new Blob([excelBuffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); const fileName = 'sales_data.xlsx'; if (navigator.msSaveBlob) { navigator.msSaveBlob(blob, fileName); } else { const link = document.createElement('a'); link.href = window.URL.createObjectURL(blob); link.download = fileName; link.click(); } }, }, }; ``` 您可以根据您的需求修改数据数组和文件名。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值