javascript - vue寫的網頁怎麼列印指定區域的內容? ?
仅有的幸福
仅有的幸福 2017-05-19 10:43:23
0
4
806

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

仅有的幸福
仅有的幸福

全部回覆(4)
習慣沉默
@media print {
    .not-print {
        opacity: 0
    }
}

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

刘奇

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

Peter_Zhu

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

雷雷
洪涛

列印網頁部分內容

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;
}
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!