行业知识
Vue前端使用Window.print打印页面，能根据表格数量分页，空白页问题解决（一看就懂）
2026-11-14 00:39:17
来源：互联网转载
/**
=
=
=
=
=
=
=
=
=
=
=
=
=
=
=
=
=
=
=
=
=
=
=
*/
先说一下空白页，造成空白页的问题是因为打印页面开始的时候样式中设置了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); }) },
上一篇：【开源】基于Vue.js和微信小程序的班级考勤管理系统
下一篇：怎么进服务器平台?
