diff --git a/src/core/service/api/navigation-bar.js b/src/core/service/api/navigation-bar.js
index 268d06f48543523db946545a88efa17b0e430eb5..f5d095d92807db56b10e228f090e966554a61ae4 100644
--- a/src/core/service/api/navigation-bar.js
+++ b/src/core/service/api/navigation-bar.js
@@ -34,6 +34,9 @@ function setNavigationBar (type, args) {
           title
         } = args
         page.navigationBar.titleText = title
+        if (__PLATFORM__ === 'h5') {
+          document.title = title
+        }
         break
     }
   }
@@ -53,4 +56,4 @@ export function hideNavigationBarLoading () {
 
 export function setNavigationBarTitle (args) {
   return setNavigationBar('setNavigationBarTitle', args)
-}
+}
diff --git a/src/core/service/plugins/app/router-guard.js b/src/core/service/plugins/app/router-guard.js
index 4463aa6fcbccc054656856fc82cdebea3450ce5c..933b156588b5ff70882c06681c4a80cb49a79471 100644
--- a/src/core/service/plugins/app/router-guard.js
+++ b/src/core/service/plugins/app/router-guard.js
@@ -39,9 +39,9 @@ function saveTabBarScrollPosition (id) {
 function switchTab (routes, to, from) {
   if (
     to &&
-        from &&
-        to.meta.isTabBar &&
-        from.meta.isTabBar
+    from &&
+    to.meta.isTabBar &&
+    from.meta.isTabBar
   ) { // tabbar 跳 tabbar
     saveTabBarScrollPosition(from.params.__id__)
   }
@@ -196,6 +196,9 @@ function afterEach (to, from) {
       setTimeout(function () {
         callPageHook(toVm, 'onShow')
       }, 0)
+      if (__PLATFORM__ === 'h5') {
+        document.title = toVm.$parent.$parent.navigationBar.titleText
+      }
     }
   }
 }
@@ -208,4 +211,4 @@ export default function initRouterGuard (appVm, routes) {
   appVm.$router.afterEach(function (to, from) {
     afterEach.call(appVm, to, from)
   })
-}
+}
diff --git a/src/platforms/h5/components/page/index.vue b/src/platforms/h5/components/page/index.vue
index f532d39cdbdd5ea58cae54aec1a27d397d6bac56..445d575c3fd615a55cf8a4e074a837ac5adc2c7d 100644
--- a/src/platforms/h5/components/page/index.vue
+++ b/src/platforms/h5/components/page/index.vue
@@ -1,18 +1,18 @@
 <template>
   <uni-page :data-page="$route.meta.pagePath">
-    <page-head
-      v-if="showNavigationBar"
+    <page-head
+      v-if="showNavigationBar"
       v-bind="navigationBar" />
-    <page-refresh
-      v-if="enablePullDownRefresh"
-      ref="refresh"
-      :color="refreshOptions.color"
+    <page-refresh
+      v-if="enablePullDownRefresh"
+      ref="refresh"
+      :color="refreshOptions.color"
       :offset="refreshOptions.offset" />
-    <page-body
-      v-if="enablePullDownRefresh"
-      @touchstart.native="_touchstart"
+    <page-body
+      v-if="enablePullDownRefresh"
+      @touchstart.native="_touchstart"
       @touchmove.native="_touchmove"
-      @touchend.native="_touchend"
+      @touchend.native="_touchend"
       @touchcancel.native="_touchend">
       <slot name="page" />
     </page-body>
@@ -173,6 +173,11 @@ export default {
       navigationBar,
       refreshOptions
     }
+  },
+  created () {
+    if (__PLATFORM__ === 'h5') {
+      document.title = this.navigationBar.titleText
+    }
   }
 }
-</script>
+</script>
diff --git a/src/platforms/h5/components/page/pageHead.vue b/src/platforms/h5/components/page/pageHead.vue
index 46b827b1775b2cd1fa9a76ccf795bc08549b3530..6dba259face572007772d0658619109a8edea856 100644
--- a/src/platforms/h5/components/page/pageHead.vue
+++ b/src/platforms/h5/components/page/pageHead.vue
@@ -382,15 +382,8 @@ export default {
       }
       return btns
     }
-  },
-  watch: {
-    titleText (newVal, oldVal) {
-      document.title = newVal
-    }
   },
-  mounted () {
-    document.title = this.titleText
-
+  mounted () {
     if (this.searchInput) {
       const input = this.$refs.input
       input.$watch('composing', val => {
diff --git a/src/platforms/h5/components/system-routes/system-header.vue b/src/platforms/h5/components/system-routes/system-header.vue
index 33c184e81be596a426c465cc22f3ada3b14246c2..01bbdbe021e50b816a0f5632774638b0985e54b0 100644
--- a/src/platforms/h5/components/system-routes/system-header.vue
+++ b/src/platforms/h5/components/system-routes/system-header.vue
@@ -31,6 +31,11 @@ export default {
       default: false
     }
   },
+  created () {
+    if (__PLATFORM__ === 'h5') {
+      document.title = this.$slots.default[0].text
+    }
+  },
   methods: {
     _back () {
       this.$emit('back')