VUE3开发时window.print()遇到的打印空白问题以及解决

        第一次写文章，有什么写的不好的请指正。

        因为开发是使用的内网环境无法上传，只能意识流描述问题，客户需求是需要做一个打印功能，我的解决方案是点击打印后跳转staticRouter中调整好的页面中调用window.print()进行打印，其中外层组件不设置高度使得打印可以自动分页，但是出现了当分页时一个<el-table被分页隔开成两个部分之后上方的<el-table数据部分全空白，第一条数据在第二页下方出现，这会极大影响客户使用感受。

        解决：这个问题的原因是最外层我使用的是<template><div>，当我开发另外一个页面用的是<template><el-space>就没有出现这个问题，于是更换最外层组件后问题消失。

        原因：原理暂时没搞懂，请各位大佬指正，我因为主要是java后端工程师，前端技术实在捉襟见肘。附一则ChatGPT4解答。