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

Question

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

Answer 1

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

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

Answer 2

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

Answer 3

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

mywindow.document.write(this.$el.innerHTML);

Answer 4

打印网页部分内容

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