diff --git a/docs/zh/guide/change-log.md b/docs/zh/guide/change-log.md
index 9046f340..0f9fb78d 100644
--- a/docs/zh/guide/change-log.md
+++ b/docs/zh/guide/change-log.md
@@ -11,6 +11,7 @@
 * [ 修改 ] 侧边栏滚动优化
 * [ 新增 ] `d2-container` 填充模式自定义滚动条
 * [ 新增 ] `d2-container` 组件卡片和隐形模式自定义滚动条
+* [ 新增 ] 现在页面标题可以根据路由做出对应变化了
 
 ## v1.1.3
 
diff --git a/src/libs/util.js b/src/libs/util.js
index 343338e7..d5fe9f9e 100644
--- a/src/libs/util.js
+++ b/src/libs/util.js
@@ -3,14 +3,23 @@ import Cookies from 'js-cookie'
 let util = {}
 
 /**
- * 得到现在的用户
+ * @description 得到现在的用户
  */
 util.uuid = function () {
   return Cookies.get('uuid')
 }
 
 /**
- * 打开全屏
+ * @description 更新标题
+ * @param {string} title 标题
+ */
+util.title = function (title) {
+  const prefix = 'D2Admin'
+  window.document.title = `${prefix}${title ? ` | ${title}` : ''}`
+}
+
+/**
+ * @description 打开全屏
  */
 util.openFullScreen = function () {
   const body = document.body
@@ -26,7 +35,7 @@ util.openFullScreen = function () {
 }
 
 /**
- * 关闭全屏
+ * @description 关闭全屏
  */
 util.exitFullScreen = function () {
   if (document.exitFullscreen) {
@@ -41,7 +50,7 @@ util.exitFullScreen = function () {
 }
 
 /**
- * 在每次打开新页面的时候调用 打开一个新的 tab
+ * @description 在每次打开新页面的时候调用 打开一个新的 tab
  * @param {object} vm vue
  * @param {string} name route name
  * @param {object} argu arguments
@@ -72,7 +81,7 @@ util.openNewPage = function (vm, name, argu, query) {
 }
 
 /**
- * 判断是否在其内
+ * @description 判断是否在其内
  * @param {*} ele element
  * @param {array} targetArr array
  */
diff --git a/src/router/index.js b/src/router/index.js
index 6a79cb90..1a5fffa7 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -40,6 +40,8 @@ router.afterEach(to => {
   const { name, params, query } = to
   // 多页控制 打开新的页面
   util.openNewPage(app, name, params, query)
+  // 更改标题
+  util.title(to.meta.title)
 })
 
 export default router