diff --git a/frontend/src/business/components/performance/head/PerformanceHeaderMenus.vue b/frontend/src/business/components/performance/head/PerformanceHeaderMenus.vue
index a8ca7e63ac..470f854cff 100644
--- a/frontend/src/business/components/performance/head/PerformanceHeaderMenus.vue
+++ b/frontend/src/business/components/performance/head/PerformanceHeaderMenus.vue
@@ -96,10 +96,11 @@ export default {
     }
   },
   mounted() {
+    let self = this;
     PerformanceEvent.$on(LIST_CHANGE, () => {
-      this.$refs.projectRecent.recent();
-      this.$refs.testRecent.recent();
-      this.$refs.reportRecent.recent();
+      self.$refs.projectRecent.recent();
+      self.$refs.testRecent.recent();
+      self.$refs.reportRecent.recent();
     });
   }
 }
diff --git a/frontend/src/business/components/track/head/TrackHeaderMenus.vue b/frontend/src/business/components/track/head/TrackHeaderMenus.vue
index dcab2e3872..98daea8241 100644
--- a/frontend/src/business/components/track/head/TrackHeaderMenus.vue
+++ b/frontend/src/business/components/track/head/TrackHeaderMenus.vue
@@ -100,10 +100,11 @@ export default {
   },
   mounted() {
     this.init();
+    let self = this;
     TrackEvent.$on(LIST_CHANGE, () => {
-      this.$refs.projectRecent.recent();
-      this.$refs.planRecent.recent();
-      this.$refs.caseRecent.recent();
+      self.$refs.projectRecent.recent();
+      self.$refs.planRecent.recent();
+      self.$refs.caseRecent.recent();
     });
   },
   methods: {