javascript - 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...

雷雷

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;
}