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

问题一 项目使用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 给这两个标签一个面子 (实测有效)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 财富自由后的感觉就是自由,在这种感觉下,我做什么事都会感觉不怕失败,心里很轻松;而如果在还相对没钱时,自己做一些事...
    为什么不能叫李飞阅读 184评论 0 0
  • 一天看完《守望幸福》,作者做了25年心理家庭健康咨询工作。提书里的几个观点唠嗑 “觉醒并非易事,但也绝非难事” 作...
    亲爱的维小主阅读 399评论 0 2
  • 终于明白,有些路,只能一个人走。那些邀约好同行的人,一起相伴雨季,走过年华,但有一天终究会在某个渡口离散。那时候,...
    f74245ad6124阅读 474评论 0 0
  • 文/糖妈 很多时候我们苦口婆心的说教。是没有任何意义的。 管孩子首先要基于对他们的归属感和价值感的认同。在此基础上...
    糖妈_Candy阅读 122评论 0 1