需求:打开一个新的页面,打印指定区域的内容。
<div class="blog-content-box" id="print">
<p><span class="text-right">发  往:</span>各部门</p>
<p><span class="text-right">发件人:</span>人力资源中心</p>
<p><span class="text-right">主题词:</span>放假 通知</p>
<p><span class="text-right">日  期:</span>2021/03/30</p>
<p><span class="text-right">抄  送:</span>董事长</p>
</div>
<button @click="myPrint">打 印</button>
myPrint(){
var obj = document.getElementById('print');
var newWindow=window.open("打印窗口","_blank");//打印窗口要换成页面的url
var docStr = obj.innerHTML;
newWindow.document.write(docStr);
newWindow.document.close();
newWindow.print();
newWindow.close();
},
效果:点击打印后的页面