这篇文章主要讲解了“Vue中如何使用Printjs插件实现打印功能”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Vue中如何使用Printjs插件实现打印功能”吧!客户需求: 表单支持在线打印
实现思路: 百度…百度…百度之后,printjs
这款插件比较满足需求,无需下载,无需写打印模板,并且兼容Element-ui中el-form表单的打印。Print.js官网Print.js 主要是为了帮助我们直接在我们的应用程序中打印 PDF 文件,无需离开界面,也无需使用嵌入。 对于用户无需打开或下载 PDF 文件而只需打印它们的特殊情况。
支持“pdf”、“html”、“ima免费云主机域名ge”和“json”四种打印文档类型。默认为“pdf”。PrintJS参数配置表从官网下载print.js,将下载的 print.js 放入项目utils文件夹可以全局引入即(在main.js中引入),也可以在需要的文件里面引入import Print from './utils/print'
安装print-jsnpm install print-js --save
可以全局引入即(在main.js中引入),也可以在需要的文件里面引入 import Print from 'print-js'
在表单页面中调用打印方法点击打印按钮,弹出打印预览界面,右边栏调整打印界面。
假设出现打印不全的问题,可以通过缩放来进行设置,数值越小,缩放的越小。1.pdf2.image单个图像3.image多个图像4.json感谢各位的阅读,以上就是“Vue中如何使用Printjs插件实现打印功能”的内容了,经过本文的学习后,相信大家对Vue中如何使用Printjs插件实现打印功能这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!
这篇“html5只需要写doctype的原因是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“html5只需要写doctype的原因是什么”文…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。