ios移动端软键盘收起后，页面内容留白不下滑

原代码

 <div class="input flex1 aic flex pl20 pr20">
      <input v-model="msgContent" type="text" placeholder="说点什么吧" >
    </div>

image.png

存在ios移动端软键盘收起后，页面内容留白不下滑的问题，解决办法,增加blur动作监控（@blur="onBlur"），用js操控页面恢复页面位置

<div class="input flex1 aic flex pl20 pr20">
    <input v-model="msgContent" type="text" placeholder="说点什么吧" @blur="onBlur">
 </div>
...
...
...
 //输入框失焦后回到页面首部 IOS12,微信6.7.4有这个问题
      onBlur () {
        if (isBrower('iphone')) {
          window.scrollTo(0,0)
        }
        window.scrollTo(0,0)
      }

isBrower 是另一个文件utils.js文件引入的
/**
 * 判断浏览器类型
 * @param name
 * iphone
 * android
 * micromessenger
 * @returns {boolean}
 */
export function isBrower (name) {
  let UA = window.navigator.userAgent.toLowerCase()
  return UA.indexOf(name) > -1
}