搜索

首页  >  问答  >  正文

javascript - vue写的网页怎么打印指定区域的内容??

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

仅有的幸福仅有的幸福2829 天前931

全部回复(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
  • 取消回复