解决ios环境下点击输入框页面被顶起不能自动回弹到底部问题

前几天开发中遇到的问题，vue移动端页面，点击输入框页面被顶起不能自动回弹到底部，底部会留白问题。网上查了很多方法试过都没用，最终还是找到了一个很有用的解决方式，下面提供解决方法，有需要的直接可以拿去用

先看下问题的效果图吧：

ios环境下点击输入框页面被顶起不能自动回弹到底部，底部留白问题

 

第一步：在页面的输入框中添加获取焦点事件  代码写法： @focus="getFocus"   可直接拷贝拿去放在自己页面元素中，如下：

   <div class="btn d_f">
          <input
            type="tel"
            placeholder="请输入手机号码"
            maxlength="11"
            v-model="phone"
            class="u-input f_f_M"
            @input="getPhone"
            @focu