使用浏览器默认的打印功能,头部固定的导航条每页都打印并且遮住了正文部分,解决办法,给头部导航条设置如下样式
<Header class="noprint" />
<style lang="less" scoped>
.noprint{
@media print {
display : none
}
}
</style>
或者
<style type="text/css" media="print">
.noprint{display : none }
</style>
只有在打印的状态下,display : none 才起作用,隐藏头部导航条