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

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

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

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

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

                - html的height: 100% 要去掉

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

代码:

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

1、html.index

解决vue-print-nb每次打印都会多出一张空白页_第1张图片

 

2、要打印的页面

解决vue-print-nb每次打印都会多出一张空白页_第2张图片

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

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

你可能感兴趣的:(javascript,前端,开发语言,vue.js,webpack)