关于vue-print-nb插件打印没有样式问题
最近项目中使用打印功能，使用vue-print-nb最后打印没有样式，刚开始以为是不支持css预处理（scss、stylus），结果发现不是这个问题，真正原因是：下边是需要打印的div，在写css样式的时候，这个div不可以让父级给包裹（也就是不可以有别的父级包裹这个div），且父级不可以有样式！！！、打印时候没样式多数是这个问题！！！...
·
一、无样式
最近项目中使用打印功能，使用vue-print-nb最后打印没有样式，刚开始以为是不支持css预处理（scss、stylus），结果发现不是这个问题，真正原因是：
下边是需要打印的div，在写css样式的时候，这个div不可以让父级给包裹（也就是不可以有别的父级包裹这个div），且父级不可以有样式！！！
、
打印时候没样式多数是这个问题！！！
补充：
如果标签嵌套太深，css样式使用class类名方式，也有可能导致打印没有样式， 解决方法：
把样式写在标签上。
二、出现空白页
视觉上样式只在第一页，第二页是空白页，很大原因 ：
body{ height：100% }
elementUI 默认body就是 100%；
解决方法：
把body改为 body{ height：auto }
三 补充（2022-01-27）
上边记录的需要打印的div不能有父级包裹，这个说法不太准确，是不能直接包裹需要打印的div，下边是之前写的代码：
前往低代码交流专区
更多推荐
4
0- 0
已为社区贡献13条内容
所有评论(0)