vue3-print-nb打印遇到的问题
2022-01-13 本文已影响0人
有一个程序媛
1.打印的时候背景色不显示
解决:给要打印的背景的元素添加样式 -webkit-print-color-adjust: exact;或者添加!important color: #def1f7!important ; 这样加入后颜色在打印的时候就会出现了。
.common-mode {
position: absolute;
bottom: -12px;
left: 0;
height: 7px;
width: 100%;
background-color: rgba(58, 208, 160, 1);
-webkit-print-color-adjust: exact;
}
- 打印过滤(隐藏打印区域不需要打印的内容)
解决:只需要在组件的打印区域里,给需要隐藏的内容的标签上添加
class="noprint"