具有原始样式的Vue打印页

Question

我有应用程序，我想有打印按钮，打印我的页面，但从css原始样式。我已经有了调用函数window.print()的按钮。我也有带样式的print.scss

    @media print {
     header {display:none;}
     footer {display:none;}
     button {visibility: hidden;}
    }  

问题是，我想从我的样式文件(有很多)中获得原始样式。

​

​

​

​

(我是故意剪掉纽扣的。)

Answer 1

好的，我找到了解决方案，它只是没有附加背景颜色。在用于打印的媒体查询中，我添加了以下内容：-webkit-print-color-adjust: exact !important;