Vue前端使用Window.print打印页面，能根据表格数量分页，空白页问题解决（一看就懂）

/**

=

=

=

=

=

=

=

=

=

=

=

=

=

=

=

=

=

=

=

=

=

=

=

*/

先说一下空白页，造成空白页的问题是因为打印页面开始的时候样式中设置了margin-top或者样式中包含margin-top属性，所以导致多出一页空白。

最后展示页面代码：

js代码

 printpage () {
        //发送请求
       Promise.all([]).then(_res => {
        //数据处理完成后(该处要设置tableData，totalTable，totalPage) 下面开始做打印
        // printNN与上面的id= printNN对应
        setTimeout(() => {
          document.body.innerHTML = document.getElementById("printNN").innerHTML; /* 改变页面内容 */
          window.print();
          document.body.innerHTML = "";
          location.reload(); /* 重新载入文档，复原页面内容 */
        }, 500);
      })
    },