fix[Screenfull]: fix screenfull bug (#1603)

2019-02-15 10:03:34 +08:00 · 2019-02-15 10:03:34 +08:00 · 8c18c000d4
parent 9ed5db044f
commit 8c18c000d4
1 changed files with 11 additions and 3 deletions
--- a/src/components/Screenfull/index.vue
+++ b/src/components/Screenfull/index.vue
@ -14,6 +14,9 @@ export default {
      isFullscreen: false
    }
  },
+  mounted() {
+    this.init()
+  },
  methods: {
    click() {
      if (!screenfull.enabled) {
@ -23,9 +26,14 @@ export default {
        })
        return false
      }
-      screenfull.toggle().then(() => {
-        this.isFullscreen = screenfull.isFullscreen
-      })
+      screenfull.toggle()
+    },
+    init() {
+      if (screenfull.enabled) {
+        screenfull.on('change', () => {
+          this.isFullscreen = screenfull.isFullscreen
+        })
+      }
    }
  }
 }