log('打印完成'); }, }); } } 通过以上步骤,你应该能够解决Vue项目中使用Print.js打印时字体样式丢失的问题。如果问题仍然存在,建议仔细检查你的CSS样式和Print.js的配置选项,或者考虑使用其他打印方法。
1、box是你固定高度标签的id,当然你也可以换成class或者其他,使样式生效即可 2、@media print只影响打印的样式,不会影响页面样式 3、表格内容缺失(表格滚动导致,只打印显示区域内容) 原因:不管是print.js还是vue-print-nb插件,都有这个问题,因为表格滚动导致 解决方法: 用一个隐藏div包裹你要打印的表格或者还有其...
技术标签:vue.jsprint.js 首先网上已经有很多使用步骤,比如 https://www.jianshu.com/p/c5363ddf7d43 相关链接:pringt.js github地址 里面也有使用说明 主要记录以下使用时发现的问题: 1.样式问题 我使用的element组件,发现分栏布局 xs\md\lg没有效果。我想大概这种组件封装的样式使用都有点问题。从这思路去入...
使用jspdf将需要打印的div转成pdf(转成的pdf样式不会丢失,因为pdf.js是将div转成canvas) 安装jspdf npm install --save html2canvas npm install jspdf --save 上代码 utli.js 直接复制,注意outPutPdf方法入参即可 importhtml2canvasfrom'html2canvas';importjsPDFfrom'jspdf';// base64转blobexportfunctiont...
1、看是否样式问题 在查看Print.js 文档后发现,TA可以自己设置样式。然后我就以为是没有设置打印样式问题而导致的。 代码语言:javascript 复制 Print({printable:'print-box',type:'html',documentTitle:'文档标题',header:'统计图',headerStyle:'font-weight:400;text-align:center;',style:'@page {margin: 0...
一、使用window.print()打印 ,打开一个新窗口,实现多页打印效果,但样式会丢失,只能内嵌样式; 1、template 第一页 第二页 <el-...
js代码,点击打印后执行(如果右键点击打印就会乱,所以给一个打印预览按钮让用户直接点):打印前先给要打印区域排版,这样预览打印的时候就不会乱,只打印要打印的内容。然后延迟调用系统的打印预览后即便用户没有打印,页面已经排好版了 这个时候右键打印也是可以的了。
}, 50); //解决第一次样式不生效的问题 if (navigator.userAgent.indexOf("MSIE") > 0) { document.body.removeChild(iframe); } } 四、使用第三方库 print.js 优点:可指定区域打印,功能多print.js官网 // 下载后引入 import Print from "@/utils/print.min.js"; ...
兄弟解决了吗? Makeluo commented Nov 26, 2019 兄弟解决了吗? 加上打印样式@media print{} Contributor gauseen commented Jan 14, 2020 @itlsq @cangyu1993 具体可看这里,#36 Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment Assignees No one...