解决使用vue时页面内有弹窗时禁止页面滚动 以及页面内弹窗因绝对定位导致页面压缩的问题

@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.js,html)