当前位置：网站首页>记录一下使用v-print中遇到的问题

记录一下使用v-print中遇到的问题

2022-04-23 06:17:00 【ZMJ_QQ】

参考文档

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

vue html页面打印功能vue-print-nb - 潇湘羽西 - 博客园

1、点击打印时控制台报错，还未解决

2、去掉页眉和页脚，在更多设置中取消勾选页眉页脚

3、解决内容挨着边和打印时有空白页的问题

<style media="qualityPrint">
/* media="qualityPrint"  qualityPrint是需要打印的div的id*/

/* 让打印的内容不挨着边框 */
@page {
  size: auto; /* auto is the initial value */
  margin: 15mm; /* this affects the margin in the printer settings */
}
/* body{height:auto;} 解决空白页问题*/
body {
  height: auto;
}
</style>