问题
1.点击打印前,我要上下拉伸这个textarea的高度,
2.拉伸后,点击打印,如果取消,则返回到页面,并保持我拉伸后的textarea高度,现在取消后,不能再点击打印,调出打印预览了
3.不用sessionlocatorep,cookie这些
3.页面不管刷不刷新,实现效果就好,我下面的刷新是为了可以后续可以再点击
代码
Document#box {
width: 300px;
height: 200px;
margin-top: 50px;
border: 1px solid #ff0000;
resize: vertical;
}
点击打印
我只要打印这个框
var oldContent = document.body.innerHTML;
var newContent = document.getElementById("box").innerHTML;
$("#btn2").click(function() {
document.body.innerHTML = newContent;
window.print();
// window.location.reload(); 页面刷新
document.body.innerHTML = oldContent;
})
vue
点击打印
我只要打印这个框
export default {
data() {
return {
}
},
methods: {
aa() {
this.printFn()
},
printFn() {
var oldContent = document.body.innerHTML;
document.body.innerHTML = document.getElementById("box").innerHTML;
window.print();
document.body.innerHTML = oldContent;
}
}
}