javascript - Bagaimana untuk mencetak kandungan kawasan tertentu pada halaman web yang ditulis dalam Vue? ?

Question

Halaman web yang ditulis oleh vue perlu mencetak kandungan kawasan yang ditentukan, mengekalkan gaya halaman web asal, dan kandungan halaman web asal tidak boleh diubah selepas dicetak, dan jqprint tidak boleh digunakan.

Answer 1

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

Di kawasan yang anda tidak mahu cetak, tambahkan kelas .not-print~
Cara yang kasar. . .

Answer 2

Pada asasnya idea di tingkat satu, pertanyaan media disembunyikan dalam blok yang tidak perlu dicetak semasa mencetak.
Anda boleh menggunakan kelegapan atau keterlihatan untuk bersembunyi.

Answer 3

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

mywindow.document.write(this.$el.innerHTML);

Answer 4

Cetak sebahagian daripada halaman web

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