diff --git a/src/layouts/PageLayout.vue b/src/layouts/PageLayout.vue
index e936145..04c3aa8 100644
--- a/src/layouts/PageLayout.vue
+++ b/src/layouts/PageLayout.vue
@@ -95,6 +95,10 @@ export default {
         const path = route.path.length === 0 ? '/home' : route.path
         breadcrumb.push(this.$t(getI18nKey(path)))
       })
+      let pageTitle = this.page && this.page.title
+      if (pageTitle) {
+        breadcrumb[breadcrumb.length - 1] = pageTitle
+      }
       return breadcrumb
     },
     /**
diff --git a/src/layouts/tabs/TabsHead.vue b/src/layouts/tabs/TabsHead.vue
index 958662f..b958bfe 100644
--- a/src/layouts/tabs/TabsHead.vue
+++ b/src/layouts/tabs/TabsHead.vue
@@ -95,7 +95,7 @@
         this.$emit('contextmenu', pageKey, e)
       },
       pageName(page) {
-        return this.$t(getI18nKey(page.keyPath))
+        return page.title || this.$t(getI18nKey(page.keyPath))
       }
     }
   }
diff --git a/src/layouts/tabs/TabsView.vue b/src/layouts/tabs/TabsView.vue
index b8461bc..96a6978 100644
--- a/src/layouts/tabs/TabsView.vue
+++ b/src/layouts/tabs/TabsView.vue
@@ -249,6 +249,7 @@ export default {
       return {
         keyPath: route.matched[route.matched.length - 1].path,
         fullPath: route.fullPath, loading: false,
+        title: route.meta && route.meta.page && route.meta.page.title,
         unclose: route.meta && route.meta.page && (route.meta.page.closable === false),
       }
     },