vue导出pdf

vue导出pdf文件方法:html2canvas+jspdf

第一步:安装

第二步:定义全局函数

创建一个htmlToPdf.js文件在指定位置。我个人习惯放在src/components/utils/htmlToPdf

在main.js中使用我们定义的函数文件

在需要的导出的页面…调用我们的getPdf方法即可

直接在data中写入htmlTitle即可

效果图

优点:完美的呈现页面样式效果,无论是外联css还是组件内部的css均有效果。

缺点:外链图片不能使用,会报错;不够清晰

原文链接:https://blog.csdn.net/weixin_45031595/article/details/107545937

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容