diff --git a/frontend/src/components/asyncComponent/index.vue b/frontend/src/components/asyncComponent/index.vue
index 553188bcd8..caa85d89e0 100644
--- a/frontend/src/components/asyncComponent/index.vue
+++ b/frontend/src/components/asyncComponent/index.vue
@@ -47,13 +47,15 @@ export default {
           // window.SyncComponentCache[this.url] = Axios.get(this.url)
           res = await window.SyncComponentCache[this.url]
         } else {
-          res = await window.SyncComponentCache[this.url]
+          this.mode = await window.SyncComponentCache[this.url]
+          return
         }
         if (res) {
           const Fn = Function
           const dynamicCode = res.data || res
           const component = new Fn(`return ${dynamicCode}`)()
           this.mode = component.default || component
+          window.SyncComponentCache[this.url] = this.mode
         }
       }
     }
@@ -61,6 +63,9 @@ export default {
   created() {
     this.refId = uuid.v1
   },
+  beforeDestroy() {
+    this.mode = null
+  },
   methods: {
     /* chartResize() {
       this.$refs[this.refId] && this.$refs[this.refId].chartResize && this.$refs[this.refId].chartResize()