javascript - Wie drucke ich den Inhalt eines bestimmten Bereichs auf einer in Vue geschriebenen Webseite? ?

Question

Die von vue geschriebene Webseite muss den Inhalt des angegebenen Bereichs drucken, den ursprünglichen Webseitenstil beibehalten und der ursprüngliche Webseiteninhalt kann nach dem Drucken nicht geändert werden, und jqprint kann nicht verwendet werden.

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页面的p代码
    newWindow.document.write(codestr);   //向文档写入HTML表达式或者JavaScript代码
    newWindow.document.close();     //关闭document的输出流, 显示选定的数据
    newWindow.print();   //打印当前窗口
    return true;
}