From 27ed3c62f809b91bc47fc80e069d40048223fb5b Mon Sep 17 00:00:00 2001
From: wangyaqi <wangyaqi988@163.com>
Date: Mon, 16 Mar 2020 19:19:49 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8DH5=E7=AB=AF=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E6=83=85=E5=86=B5=E4=B8=8Bwebview=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E4=BD=8D=E7=BD=AE=E4=B8=8D=E6=AD=A3=E7=A1=AE=E7=9A=84Bug=20htt?=
 =?UTF-8?q?ps://ask.dcloud.net.cn/question/90987?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../h5/view/components/web-view/index.vue     | 40 +++++++++++--------
 1 file changed, 24 insertions(+), 16 deletions(-)

diff --git a/src/platforms/h5/view/components/web-view/index.vue b/src/platforms/h5/view/components/web-view/index.vue
index 5c6566022..53ac7d898 100644
--- a/src/platforms/h5/view/components/web-view/index.vue
+++ b/src/platforms/h5/view/components/web-view/index.vue
@@ -1,5 +1,9 @@
 <template>
-  <uni-web-view v-on="$listeners" />
+  <uni-web-view v-on="$listeners">
+    <v-uni-resize-sensor
+      ref="sensor"
+      @resize="_resize" />
+  </uni-web-view>
 </template>
 <script>
 export default {
@@ -16,24 +20,10 @@ export default {
     }
   },
   mounted () {
-    const {
-      top,
-      bottom,
-      width,
-      height
-    } = this.$el.getBoundingClientRect()
-
     this.iframe = document.createElement('iframe')
-    this.iframe.style.position = 'absolute'
-    this.iframe.style.display = 'block'
-    this.iframe.style.border = 0
-    this.iframe.style.top = top + 'px'
-    this.iframe.style.bottom = bottom + 'px'
-    this.iframe.style.width = width + 'px'
-    this.iframe.style.height = height + 'px'
     this.iframe.src = this.$getRealPath(this.src)
-
     document.body.appendChild(this.iframe)
+    this._resize()
   },
   activated () {
     this.iframe.style.display = 'block'
@@ -43,6 +33,24 @@ export default {
   },
   beforeDestroy () {
     document.body.removeChild(this.iframe)
+  },
+  methods: {
+    _resize () {
+      const {
+        top,
+        bottom,
+        width,
+        height
+      } = this.$el.getBoundingClientRect()
+
+      this.iframe.style.position = 'absolute'
+      this.iframe.style.display = 'block'
+      this.iframe.style.border = 0
+      this.iframe.style.top = top + 'px'
+      this.iframe.style.bottom = bottom + 'px'
+      this.iframe.style.width = width + 'px'
+      this.iframe.style.height = height + 'px'
+    }
   }
 }
 </script>
-- 
GitLab