vue中pdf下载并兼容IE

本文介绍如何在Vue项目中将包含ECharts图表的弹窗页面转换为PDF并实现IE浏览器的兼容性下载。通过将ECharts图表转化为文件流,传递给后端,再将整个弹窗页面转化为文件流返回给前端,最终处理为PDF进行下载。详细步骤包括ECharts图表转文件流、调用接口传递数据及处理后台返回的文件流。在Google和IE10+浏览器中已验证实现效果。
摘要由CSDN通过智能技术生成

1.问题描述:将带有echarts图表的弹框页面转换成pdf并下载到本地页面;如下图
在这里插入图片描述
2.解决问题思路:前端先将已经渲染好的echarts图表转化成文件流的形式,将文件流当成参数传给后台;后台再将前端的整个弹框页面转化成文件流,返给前端;最后前端将文件流处理一下,转化成pdf并进行下载;
3.实现代码
(1).依次将页面的echarts图表转换成文件流:
在echarts组件中,在将组件实例化之后,将组件分别实例化myChart.getDataURL(“png”)}
在这里插入图片描述
用bus将数据传给父组件,父组件接收数据并拼接成json对象;
在这里插入图片描述
在这里插入图片描述
(2).点击下载按钮的时候,调接口,将json对象当成参数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值