在需要打印的地方加上id="printBox",在vue中可以加上ref
function printDeal(){
var printBox = document.getElementById('printBox');
//拿到打印的区域的html内容
var newContent =printBox.innerHTML;
//将旧的页面储存起来,当打印完成后返给给页面。
var oldContent = document.body.innerHTML;
//赋值给body
document.body.innerHTML = newContent;
//执行window.print打印功能
window.print();
// 重新加载页面,以刷新数据。以防打印完之后,页面不能操作的问题
window.location.reload();
document.body.innerHTML = oldContent;
return false;
}
网友评论