常用方法
doPrint () {
// 1.设置要打印的区域 div的className
var newstr = document.getElementsByClassName('printOrder-data')[0].innerHTML
// 2. 复制给body,并执行window.print打印功能
document.body.innerHTML = newstr
// 3. 还原:将旧的页面储存起来,当打印完成后返给给页面。
var oldstr = document.body.innerHTML
window.print()
document.body.innerHTML = oldstr
return false
}
你可能会遇到的问题--点击打印,回到之前的界面,功能都失效,只能浏览,鼠标点击事件都失效了怎么办?
对于 用window.print(),打印完之后,页面不能操作的问题。
解决方法:
doPrintVue () {
var newstr = document.getElementsByClassName('printOrder-data')[0].innerHTML
document.body.innerHTML = newstr
window.print()
// 重新加载页面,以刷新数据
window.location.reload()
}