diff --git a/src/components/Screenfull/index.vue b/src/components/Screenfull/index.vue
index 8e7bcba4..479bf3e3 100644
--- 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
+        })
+      }
     }
   }
 }