vue print-js 打印分页问题

7,513 阅读1分钟

经过踩坑,发现打印分页跟print-js没关系,只和css有关,所以只要设置相关的样式属性就可以实现打印分页啦。具体如下:

  • html
<div class="print-cover-order">
  <div class="perpage">分页1</div>
  <div class="perpage">分页2</div>
  <div class="perpage">分页3</div>
  <div class="perpage">分页4</div> 
</div>
  • css
.perpage {page-break-after:always;}

特别注意:perpage 的外层div不能绝对定位

最后我们来看下效果: