美文网首页
vue3-print-nb打印遇到的问题

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

作者: 有一个程序媛 | 来源:发表于2022-01-13 16:51 被阅读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;
        }
    
    1. 打印过滤(隐藏打印区域不需要打印的内容)
      解决:只需要在组件的打印区域里,给需要隐藏的内容的标签上添加
    class="noprint"
    

    相关文章

      网友评论

          本文标题:vue3-print-nb打印遇到的问题

          本文链接:https://www.haomeiwen.com/subject/nfxicrtx.html