我遇到的这个问题主要存在2个不同的情景,第一种当可输入表单与当前页面在同一层级;第二种是当前页面,输入表单在弹框的里面,键盘抬起时父容器被抬起,弹框内所有事件无法使用。
第一种情况下:处于同层面;
<input type="text" v-model="phoneUserInfo.name" @blur="gotoView" @focus="gotoView"/>
gotoView (event) {
let This = event.currentTarget;
setTimeout(() => {
This.scrollIntoView({
block: 'end',
behavior: 'smooth'
});
}, 500);
}
第二种:处于不同层级。代码相同只是在js里面加上一句话
window.scrollTo(0,0);
让页面滚动到顶部,这样就实现想要的效果了。