javascript - Comment imprimer le contenu d'une zone spécifiée sur une page Web écrite en Vue? ?

Question

La page Web écrite par vue doit imprimer le contenu de la zone spécifiée, conserver le style de la page Web d'origine, et le contenu de la page Web d'origine ne peut pas être modifié après l'impression, et jqprint ne peut pas être utilisé. Comment y parvenir ?

Answer 1

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

Dans la zone que vous ne souhaitez pas imprimer, ajoutez la classe .not-print~
Une manière approximative. . .

Answer 2

Fondamentalement, l'idée au premier étage est que les requêtes multimédias sont cachées dans des blocs qui n'ont pas besoin d'être imprimés lors de l'impression.
Vous pouvez utiliser l'opacité ou la visibilité pour vous cacher.

Answer 3

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

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

Answer 4

Imprimer une partie de la page 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;
}