小程序中webview在百度地图和vant搜索框页面顶出

时间：2019-12-25 23:15:23 收藏：0 阅读：269

需求是在小程序的webview里写代码

在一个页面使用vue-baidu-map的地图，使用vant的搜索框组件。在点击软键盘的搜索页面的时候地图会被顶出去。错误截图没有。

下面是解决办法：

        <van-search
          @blur.prevent="inputLoseFocus"
        ></van-search>

在serch这个组件里加入以上代码

2.在methods里加入

inputLoseFocus() {
      console.log(`window.pageYOffset: ${window.pageYOffset}`)
      window.scrollTo({
        top: window.pageYOffset,
        behavior: ‘smooth‘
      })
    },

3.在需要刷新页面的地方如：请求搜索的then方法和catch方法里加入调用方法，即可解决

this.inputLoseFocus()

原文：https://www.cnblogs.com/maruihua/p/12098950.html