diff --git a/src/layout/components/GenericDetailPage/index.vue b/src/layout/components/GenericDetailPage/index.vue
index 370ae22d5..8c2a6d1f3 100644
--- a/src/layout/components/GenericDetailPage/index.vue
+++ b/src/layout/components/GenericDetailPage/index.vue
@@ -82,7 +82,6 @@ export default {
     }
     return {
       loading: true,
-      activeName: this.activeMenu,
       validActions: Object.assign(defaultActions, this.actions)
     }
   },
@@ -105,6 +104,14 @@ export default {
     },
     validTitle() {
       return this.title || this.getTitle(this.object)
+    },
+    activeName: {
+      get() {
+        return this.activeMenu
+      },
+      set(item) {
+        this.activeName = item
+      }
     }
   },
   async mounted() {
diff --git a/src/layout/components/TabPage/index.vue b/src/layout/components/TabPage/index.vue
index 90a266639..daa6383cf 100644
--- a/src/layout/components/TabPage/index.vue
+++ b/src/layout/components/TabPage/index.vue
@@ -35,9 +35,14 @@ export default {
       required: true
     }
   },
-  data() {
-    return {
-      activeName: this.activeMenu
+  computed: {
+    activeName: {
+      get() {
+        return this.activeMenu
+      },
+      set(item) {
+        this.activeName = item
+      }
     }
   },
   methods: {