微信公众号 键盘弹起无法正常归位

项目场景：

微信公众号 vue2.x

问题描述：

手机屏幕较小时，点击输入框，在关闭键盘，页面底部会有留白，导致输入框无法点击

原因分析：

键盘弹出在收起，收缩时页面无法正常恢复原位

解决方案：

1.输入框添加焦点离开事件

<v-text-field @blur="handleBlurInput"> </v-text-field>

2.焦点离开时页面滚动条回滚到顶部

handleBlurInput() {document.documentElement.scrollTop = 0document.body.scrollTop = 0}