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 给这两个标签一个面子 (实测有效)