一、吐槽
天下文章一大抄,說的果然沒錯。當你搜索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>
不要問我爲什麼這樣做可以解決、因爲我也是複製粘貼的。
是的!沒錯!就是那麼理直氣壯!誰讓我複製粘貼的確實有用呢!!!