data: {
isShow: true, // 底部 v-show 状态值
screenHeight: window.innerHeight, // 这里是给到了一个默认值
originHeight: window.innerHeight, // 默认高度在watch里拿来做比较
},
mounted: function () {
const that = this;
window.onresize = () => {
return (() => {
that.screenHeight = window.innerHeight;
})();
};
},
watch: {
screenHeight: function (newValue) {
console.log('newValue', newValue);
if (this.originHeight > newValue) {
this.isShow = false;
} else {
this.isShow = true;
}
},
},
移动端watch监听解决键盘弹出时页面被顶起问题
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 问题：测试发现ios微信端浏览器中，input失焦后，因软键盘顶起的页面没有回弹到原来位置，需手动滑动一下页面才可...
- 状况 在iOS下，如果页面底部有个input输入框，那么在input获得焦点，弹出虚拟键盘时，有一定的几率，inp...
- 移动端页面的底部菜单栏，通常会使用fixed定位在底部。在安卓手机上经常会出现软键盘弹出时，底部定位被顶上去，下面...
