diff --git a/src/views/applications/DatabaseApp/DatabaseAppDetail/index.vue b/src/views/applications/DatabaseApp/DatabaseAppDetail/index.vue
index 4b5e9a7ef..2c7c2b30a 100644
--- a/src/views/applications/DatabaseApp/DatabaseAppDetail/index.vue
+++ b/src/views/applications/DatabaseApp/DatabaseAppDetail/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <GenericDetailPage :object.sync="DatabaseApp" :active-menu.sync="config.activeMenu" v-bind="config" v-on="$listeners">
+  <GenericDetailPage :object.sync="app" :active-menu.sync="config.activeMenu" v-bind="config" v-on="$listeners">
     <keep-alive>
-      <component :is="config.activeMenu" :object="DatabaseApp" />
+      <component :is="config.activeMenu" :object="app" />
     </keep-alive>
   </GenericDetailPage>
 </template>
@@ -18,7 +18,7 @@ export default {
   },
   data() {
     return {
-      DatabaseApp: {
+      app: {
         name: '', get_type_display: '', host: '', port: '', database: '', date_created: '', created_by: '', comment: '', attrs: ''
       },
       config: {
@@ -31,7 +31,10 @@ export default {
         ],
         actions: {
           detailApiUrl: `/api/v1/applications/applications/${this.$route.params.id}/`,
-          deleteApiUrl: `/api/v1/applications/applications/${this.$route.params.id}/`
+          deleteApiUrl: `/api/v1/applications/applications/${this.$route.params.id}/`,
+          updateCallback: (item) => {
+            this.$router.push({ name: 'DatabaseAppUpdate', params: { id: this.app.id }, query: { type: this.app.type }})
+          }
         }
       }
     }
diff --git a/src/views/applications/KubernetesApp/KubernetesAppDetail/KubernetesAppDetail.vue b/src/views/applications/KubernetesApp/KubernetesAppDetail/KubernetesAppDetail.vue
index 4eaaf8376..470c3ab19 100644
--- a/src/views/applications/KubernetesApp/KubernetesAppDetail/KubernetesAppDetail.vue
+++ b/src/views/applications/KubernetesApp/KubernetesAppDetail/KubernetesAppDetail.vue
@@ -11,7 +11,6 @@ import DetailCard from '@/components/DetailCard'
 import { toSafeLocalDateStr } from '@/utils/common'
 
 export default {
-  name: 'DatabaseAppDetail',
   components: {
     DetailCard
   },
diff --git a/src/views/applications/KubernetesApp/KubernetesAppDetail/index.vue b/src/views/applications/KubernetesApp/KubernetesAppDetail/index.vue
index 39cbc7c3c..2173555b7 100644
--- a/src/views/applications/KubernetesApp/KubernetesAppDetail/index.vue
+++ b/src/views/applications/KubernetesApp/KubernetesAppDetail/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <GenericDetailPage :object.sync="KubernetesApp" :active-menu.sync="config.activeMenu" v-bind="config" v-on="$listeners">
+  <GenericDetailPage :object.sync="app" :active-menu.sync="config.activeMenu" v-bind="config" v-on="$listeners">
     <keep-alive>
-      <component :is="config.activeMenu" :object="KubernetesApp" />
+      <component :is="config.activeMenu" :object="app" />
     </keep-alive>
   </GenericDetailPage>
 </template>
@@ -18,7 +18,7 @@ export default {
   },
   data() {
     return {
-      KubernetesApp: {
+      app: {
         name: '', type_display: '', cluster: '', date_created: '', created_by: '', comment: '', attrs: ''
       },
       config: {
@@ -31,7 +31,10 @@ export default {
         ],
         actions: {
           detailApiUrl: `/api/v1/applications/applications/${this.$route.params.id}/`,
-          deleteApiUrl: `/api/v1/applications/applications/${this.$route.params.id}/`
+          deleteApiUrl: `/api/v1/applications/applications/${this.$route.params.id}/`,
+          updateCallback: (item) => {
+            this.$router.push({ name: 'KubernetesAppUpdate', params: { id: this.app.id }, query: { type: this.app.type }})
+          }
         }
       }
     }
diff --git a/src/views/applications/RemoteApp/RemoteAppDetail/RemoteAppDetail.vue b/src/views/applications/RemoteApp/RemoteAppDetail/RemoteAppDetail.vue
index db084b8c3..a43d0129e 100644
--- a/src/views/applications/RemoteApp/RemoteAppDetail/RemoteAppDetail.vue
+++ b/src/views/applications/RemoteApp/RemoteAppDetail/RemoteAppDetail.vue
@@ -12,7 +12,6 @@ import DetailCard from '@/components/DetailCard'
 import { toSafeLocalDateStr } from '@/utils/common'
 
 export default {
-  name: 'RemoteAppDetail',
   components: {
     DetailCard
   },
diff --git a/src/views/applications/RemoteApp/RemoteAppDetail/index.vue b/src/views/applications/RemoteApp/RemoteAppDetail/index.vue
index b9f379bf6..6c53a73f4 100644
--- a/src/views/applications/RemoteApp/RemoteAppDetail/index.vue
+++ b/src/views/applications/RemoteApp/RemoteAppDetail/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <GenericDetailPage :object.sync="RemoteApp" :active-menu.sync="config.activeMenu" v-bind="config" v-on="$listeners">
+  <GenericDetailPage :object.sync="app" :active-menu.sync="config.activeMenu" v-bind="config" v-on="$listeners">
     <keep-alive>
-      <component :is="config.activeMenu" :object="RemoteApp" />
+      <component :is="config.activeMenu" :object="app" />
     </keep-alive>
   </GenericDetailPage>
 </template>
@@ -17,9 +17,8 @@ export default {
     TabPage
   },
   data() {
-    const vm = this
     return {
-      RemoteApp: {
+      app: {
         name: '', asset: '', get_type_display: '', path: '', date_created: '', created_by: '', comment: '', attrs: ''
       },
       config: {
@@ -33,8 +32,8 @@ export default {
         actions: {
           detailApiUrl: `/api/v1/applications/applications/${this.$route.params.id}/`,
           deleteApiUrl: `/api/v1/applications/applications/${this.$route.params.id}/`,
-          updateCallback: function(item) {
-            vm.$router.push({ name: 'RemoteAppUpdate', params: { id: vm.RemoteApp.id }, query: { type: vm.RemoteApp.type }})
+          updateCallback: (item) => {
+            this.$router.push({ name: 'RemoteAppUpdate', params: { id: this.app.id }, query: { type: this.app.type }})
           }
         }
       }