javascript - vue写的网页怎么打印指定区域的内容？？

Question

vue写的网页要打印指定区域内容，要保留原来网页样式，并且打印后不能改变原网页内容，又不能用jqprint，请问可以怎么实现？

習慣沉默 · Answer

@media print {
    .not-print {
        opacity: 0
    }
}

在你不希望打印出来的区域上，加上.not-print的class~
比较粗暴的方式。。。

怪我咯 · Answer

基本就是一楼的思路，媒体查询为打印时无需打印的区块隐藏。
隐藏可以用opacity，也可以用visibility。

天蓬老师 · Answer

http://stackoverflow.com/ques...

雷雷

PHP中文网 · Answer

打印网页部分内容

var createPdf = () => {
    let newWindow = window.open("_blank");   //打开新窗口
    let codestr = document.getElementById("pdf-wrap").innerHTML;   //获取需要生成pdf页面的p代码
    newWindow.document.write(codestr);   //向文档写入HTML表达式或者JavaScript代码
    newWindow.document.close();     //关闭document的输出流, 显示选定的数据
    newWindow.print();   //打印当前窗口
    return true;
}