vue3-print-nb打印遇到的问题

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;
    }
  1. 打印过滤(隐藏打印区域不需要打印的内容)
    解决:只需要在组件的打印区域里,给需要隐藏的内容的标签上添加
class="noprint"

你可能感兴趣的:(vue3-print-nb打印遇到的问题)