vue打印遇到的相关问题

1.加背景颜色打印后不显示，必需勾选打印设置中的背景图像。当遇到这个问题时，可以用代码解决。

/* 强制打印背景颜色/图像 */

    * {

        -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */

        color-adjust: exact !important;                 /*Firefox*/

        print-color-adjust: exact !important;

   }

2.打印时，内容由好几个部分组成，每个部分的集合数量都是不确定的，这个时候分页就容易被强制分页。这个时候可以用  page-break-inside:avoid   或者   break-after:always;

举例  page-break-inside:avoid 使用在div中，如果打印页面空间不足，div整体会进行分页，不会导致内容被强制拆开

 break-after:always; 使用在TABLE中代表结尾强制分页，不管空间够不够，都直接分页。