搜尋

首頁  >  問答  >  主體

javascript - vue寫的網頁怎麼列印指定區域的內容? ?

vue寫的網頁要列印指定區域內容,要保留原來網頁樣式,且列印後不能改變原網頁內容,又不能用jqprint,請問可以怎麼實現?

仅有的幸福仅有的幸福2886 天前962

全部回覆(4)我來回復

  • 習慣沉默

    習慣沉默2017-05-19 10:45:23

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

    在你不希望列印出來的區域上,加上.not-print的class~
    比較粗暴的方式。 。 。

    回覆
    0
  • 怪我咯

    怪我咯2017-05-19 10:45:23

    基本上就是一樓的思路,媒體查詢為列印時無需列印的區塊隱藏。
    隱藏可以用opacity,也可以用visibility。

    回覆
    0
  • 天蓬老师

    天蓬老师2017-05-19 10:45:23

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

    雷雷

    回覆
    0
  • PHP中文网

    PHP中文网2017-05-19 10:45:23

    列印網頁部分內容

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

    回覆
    0
  • 取消回覆