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定位在底部。在安卓手机上经常会出现软键盘弹出时,底部定位被顶上去,下面...