目前有两种方法,
1.使用插件(jspdf+html2canvas);
2.用window.print()方法。
介于第二种方法在目前的JIVF框架中可实现性不高,推荐用第一种方法。
使用插件这个套路我们并不陌生,首先:
1.下载插件
npm install html2canvas jspdf --save-dev
命令运行完后,无报错的情况下会在node_modules下生成相应的文件夹并更新package.json文件。
2.编写导出pdf方法
建议写在公共方法中,后续能重复调用。
下面直接贴图解析代码:
3.定义需要导出的dom元素
在vue文件中的template标签中定义需要导出的dom元素。本例采
基于VUE实现导出PDF功能
最新推荐文章于 2024-06-05 17:21:03 发布