使用VUE的打印插件(vue-print-nb)出现多打印一个空白页的问题

先说结论:html标签的高度如果设置为100%,打印div的高度设不设置都会多一个空白页。

       经过是这样的:

       最近同事写一个项目,但是遇到了一个问题,使用vue-print-nb打印时,预览中一定会出现两页,并且打印的div没有设置高度也没有设置margin。我创建一个新测试项目后发现新项目不会出现两页的情况,一度怀疑是不是被什么插件影响到了。

       后来商量以后同事提出可能是继承了父高度,于是我把原项目涉及打印div的父高度的css全都复制了过来,果然出现两页了,问题找到了,解决办法就好说了,一个一个往外删除,后来发现body跟#app的高度都不会影响打印的页数,但是html的高度如果设置为100%就会出现打印两页的情况。

       第一次使用碰到的坑,感觉还是记录一下比较好。

  • 7
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值