环境：vue+vant 的H5页面

 

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

场景：输入框输入信息时，如登录、注册等表单信息

 

问题：键盘收回后页面底部留白，导致dialog组件按钮位移，视觉上，其中的按钮无法正常工作

 

解决方案：监听失去焦点时，让页面滚动到顶部

　　HTML：添加失去焦点事件钩子

　　　　<input class="input" placeholder="输入手机号" max="11" min="11" maxlength="11" v-model="mobile" @blur="blurIn"/>   　　JS：添加失去焦点事件方法 　　blurIn() { 　　　　window.scroll(0, 0) 　　}
扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄