window.print 打印单页或者多一页的 问题解决方法

2020-01-03  本文已影响0人  想成为咸鱼的张三

问题一 项目使用window.print() 打印预览只有一页
答案:把你app.vue中和页面中的 overflow 属性都改成 visible 要不然 window.print()这个方法看不到页面多余的地方

问题二 项目使用window.print() 不能按自己的想法分页
答案:

//使用css属性page-break-before:always; 就可以完成强制分页分页
<div style="page-break-before:always;"> 这是第一页</div>
<div> 这是第二页</div>

问题三 项目使用window.print() 打印预览时会多一页
答案 :据我估计 最后一页打印的是 html 和body 标签 建议 当前页面高度不要给100%或者 100vh 给个99.95% 或者 99.95vh 给这两个标签一个面子 (实测有效)

上一篇下一篇

猜你喜欢

热点阅读