使用vue v-print 实现打印功能时出现多余空白页的问题

<style media="printContent">
@page {
size: auto; /* auto is the initial value /
margin: 3mm; / this affects the margin in the printer settings */
}

html {
background-color: #ffffff;
margin: 0px; /* this affects the margin on the html before sending to printer */
}

body {
border: solid 1px rgba(255,255,255,0);
/* margin: 10mm 15mm 10mm 15mm; margin you want for the content */
}
</style>

如果是修改iframe里面的  就不能在外面修改了  只能在js里面控制 或者注入css

但是可以这样改 利用 @media print