华为和荣耀手机浏览器，search页面返回时键盘区域灰框单独处理，重新请求接口初始化页面~

王强
1 parent a10e0712
Showing 2 changed files with 18 additions and 0 deletions
src/pages/common/common.vue
src/pages/search/search.vue
@@ -98,6 +98,7 @@
             this.helper = new Helper(this);
         },
         methods: {
+
             /**
              * 失去焦点事件，处理微信端页面滚动条不归位的问题
              */
@@ -115,6 +116,7 @@
                     }, 100);
                 }
             },
+            
             /**
              * 设置访问设备
              */
@@ -915,6 +915,22 @@
             //     // 获取用户定位坐标
             //     this.$parent.helper.getLocation(this.positionCallback, this.positionErrorCallback, this.initPage);
             // }
+
+            
+            // 页面切换可见状态监听
+            document.addEventListener('visibilitychange', () => {
+
+                // 页面显示出来了
+                if (document.hidden === false && this.$route.name == 'search') {
+
+                    // 判断UA，如果是华为手机或者荣耀手机，重新初始化页面
+                    if(ua.match(/Android/i) == "huawei" || ua.match(/Android/i) == "honor") {
+                        
+                        // 初始化页面
+                        this.initPage();
+                    }
+                }
+            });
         }
     }
 </script>