概述
@touchmove.prevent当页面弹窗出现时设置 @touchmove.prevent = "false";
2.页面内弹窗因绝对定位导致页面压缩的问题 造成底部导航栏固定在输入键盘上面的问题
// 动态设置背景图的高度为浏览器可视区域高度
// 首先在Virtual DOM渲染数据时，设置下背景图的高度．
this.bodyHeight = `${document.documentElement.clientHeight}`;
// 然后监听window的resize事件．在浏览器窗口变化时再设置下背景图高度．
window.onresize = function temp() {
var bodyHeight = `${document.documentElement.clientHeight}`;
that.bodyHeight = bodyHeight;
};通过判断 bodyHeight 数值的变化，来控制底部导航栏的出现与隐藏
最后
以上就是还单身水壶为你收集整理的解决使用vue时页面内有弹窗时禁止页面滚动 以及页面内弹窗因绝对定位导致页面压缩的问题的全部内容，希望文章能够帮你解决解决使用vue时页面内有弹窗时禁止页面滚动 以及页面内弹窗因绝对定位导致页面压缩的问题所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复