From 8cb2d896ad574402dd35685fee774e36b50274e1 Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Wed, 28 Apr 2021 15:07:24 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=9B=BD=E9=99=85=E5=8C=96=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E5=8A=A8=E6=80=81title?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Navbar.vue | 15 ++++++++++++---
 src/router/index.ts              |  5 ++++-
 src/settings.ts                  |  2 --
 src/store/modules/settings.ts    | 22 ++++++++++------------
 4 files changed, 26 insertions(+), 18 deletions(-)

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 11b6bdde4..b9be8f5f5 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -41,12 +41,12 @@
 </template>
 
 <script lang="ts">
-import { ref, defineComponent, onMounted } from "vue";
+import { ref, defineComponent, onMounted, unref, watch } from "vue";
 import Breadcrumb from "/@/components/BreadCrumb";
 import Hamburger from "/@/components/HamBurger";
 import screenfull from "../components/screenfull/index.vue";
 import { useMapGetters } from "../store";
-import { useRouter } from "vue-router";
+import { useRouter, useRoute } from "vue-router";
 import { useStore } from "vuex";
 import { storageSession } from "/@/utils/storage";
 import { useI18n } from "vue-i18n";
@@ -68,10 +68,11 @@ export default defineComponent({
 
     const store = useStore();
     const router = useRouter();
+    const route = useRoute();
 
     let usename = storageSession.getItem("info").username;
 
-    const { locale } = useI18n();
+    const { locale, t } = useI18n();
 
     // 国际化语言切换
     const toggleLang = (): void => {
@@ -79,6 +80,14 @@ export default defineComponent({
       langs.value ? (locale.value = "zh") : (locale.value = "en");
     };
 
+    watch(
+      () => langs.value,
+      val => {
+        //@ts-ignore
+        document.title = t(unref(route.meta.title)); // 动态title
+      }
+    );
+
     // 退出登录
     const logout = (): void => {
       storageSession.removeItem("info");
diff --git a/src/router/index.ts b/src/router/index.ts
index b78446e5c..216adb151 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -4,6 +4,8 @@ import Layout from "../layout/index.vue";
 
 import { storageSession } from "../utils/storage";
 
+import { i18n } from "/@/plugins/i18n/index";
+
 const routes: Array<RouteRecordRaw> = [
   {
     path: "/",
@@ -349,8 +351,9 @@ const whiteList = ["/login", "/register"];
 
 router.beforeEach((to, _from, next) => {
   NProgress.start();
+  const { t } = i18n.global;
   // @ts-ignore
-  // document.title = $t(to.meta.title); // 动态title
+  document.title = t(to.meta.title); // 动态title
   whiteList.indexOf(to.path) !== -1 || storageSession.getItem("info")
     ? next()
     : next("/login"); // 全部重定向到登录页
diff --git a/src/settings.ts b/src/settings.ts
index c3bb60bf3..28d01865e 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -3,7 +3,5 @@ export default {
 
   fixedHeader: false,
 
-  sidebarLogo: true,
-
   hiddenSideBar: false,
 };
diff --git a/src/store/modules/settings.ts b/src/store/modules/settings.ts
index ef4ff05ff..b7a059216 100644
--- a/src/store/modules/settings.ts
+++ b/src/store/modules/settings.ts
@@ -1,29 +1,27 @@
-import defaultSettings from '../../settings'
+import defaultSettings from "../../settings";
 
 const state = {
   title: defaultSettings.title,
   fixedHeader: defaultSettings.fixedHeader,
-  sidebarLogo: defaultSettings.sidebarLogo
-}
+};
 
 const mutations = {
   CHANGE_SETTING: (state: any, { key, value }) => {
     if (state.hasOwnProperty(key)) {
-      state[key] = value
+      state[key] = value;
     }
-  }
-}
+  },
+};
 
 const actions = {
   changeSetting({ commit }, data) {
-    commit('CHANGE_SETTING', data)
-  }
-}
+    commit("CHANGE_SETTING", data);
+  },
+};
 
 export default {
   namespaced: true,
   state,
   mutations,
-  actions
-}
-
+  actions,
+};