先说结论：html标签的高度如果设置为100%，打印div的高度设不设置都会多一个空白页。

       经过是这样的：

       最近同事写一个项目，但是遇到了一个问题，使用vue-print-nb打印时，预览中一定会出现两页，并且打印的div没有设置高度也没有设置margin。我创建一个新测试项目后发现新项目不会出现两页的情况，一度怀疑是不是被什么插件影响到了。

       后来商量以后同事提出可能是继承了父高度，于是我把原项目涉及打印div的父高度的css全都复制了过来，果然出现两页了，问题找到了，解决办法就好说了，一个一个往外删除，后来发现body跟#app的高度都不会影响打印的页数，但是html的高度如果设置为100%就会出现打印两页的情况。

       第一次使用碰到的坑，感觉还是记录一下比较好。

# html # html5 # css
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue