Vue中的v-print打印不完全问题

打印一个有很多table的页面，预览的时候发现页面会缺失后面的一部分，如何解决？
打印页面用的是v-print

<el-button type="danger" class="no-print" round v-print="'#printDiv'"> 打印 </el-button>

给要打印的区域加上id

仅仅这样写会出现打印不完全
需要给打印区域加上样式

<style>
@media print {
  html,
  body {
    height: inherit;
  }
}
</style>

然后就可以打印完全了