解決vue-print插件打印時多了張空白頁

一、吐槽

天下文章一大抄,說的果然沒錯。當你搜索vue打印功能時、千篇一律的vue-print插件。
使用起來確實很簡單,但是問題卻沒人解決:打印預覽時、多了個空白頁。
有人說是用於height設置成100%造成的,給出的解決辦法就是改height。試了下不行!!!
話不多說直接上代碼

二、代碼

以下代碼複製到你打印功能的頁面即可。

<style media="print">
  @page {
    size: auto; 
    margin: 3mm;
  }

  html {
    background-color: #ffffff;
    margin: 0px;
  }

  body {
    border: solid 1px #ffffff;
    margin: 10mm 15mm 10mm 15mm; 
  }
</style>

不要問我爲什麼這樣做可以解決、因爲我也是複製粘貼的。
是的!沒錯!就是那麼理直氣壯!誰讓我複製粘貼的確實有用呢!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章