解决vue-print-nb每次打印都会多出一张空白页

        最近接手了一个需求,帮财务打印类似发票的出货单据,自定义打印尺寸要求9.5*5.5英寸,

打印预览发现每次都会多出一张空白页,调试许久,未果。四处求医,在网上发现了有同仁遇到了类似问题,经过总结分析各位同仁遇到的问题,并分析与自己遇到问题的差异,最终完美决绝。下面是我的解决方案。

总结问题、 windows的打印预览页面与自己写的实际页面是有出入的

                - 注意继承的行高,这里尽量别用继承如 height:100%

                - html的height: 100% 要去掉

                - 要打印区域要设置准确的高度, 内容撑开的高度,打印容易出现多页

代码:

将如下代码放进要打印的页面中

1、html.index

 

2、要打印的页面

 3、我的项目需要打印的票据页面是一个或多个,票据通过遍历生成,因此打印区域的高度不能定死,这里尝试用过不给或auto, 结果打印页面都多了一张空白页,解决方案动态给高度

结语,每个人遇到的实际情况都不一样,结合自己的实际情况做修改,祝你好运 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值