feat:更新登录状态检测

package.json

@@ -1,6 +1,6 @@
 {
   "name": "knock-ding-yanxuan",
-  "version": "1.3.0",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

src/components/Footer.vue

@@ -107,15 +107,15 @@ img {
 	line-height: 24px;
 }
 .footer-phone p {
-    font-family: MicrosoftYaHei;
-    font-size: 14px;
-    font-weight: normal;
-    font-stretch: normal;
-    letter-spacing: 0px;
-    color: #7d879a;
+	font-family: MicrosoftYaHei;
+	font-size: 14px;
+	font-weight: normal;
+	font-stretch: normal;
+	letter-spacing: 0px;
+	color: #7d879a;
 }
 .footer-relation {
-    flex: 1;
-    margin-top: 86px;
+	flex: 1;
+	margin-top: 86px;
 }
 </style>

src/components/TopBar.vue

@@ -31,10 +31,21 @@
 import { mapMutations, mapState } from "vuex";
 import { reqQrcodeLogin } from "@/request/api";
 export default {
+	name: "TopBar",
 	data() {
 		return { cartTotal: 0 };
 	},
-	name   : "TopBar",
+	watch: {
+		"$route.path": {
+			deep: true,
+			handler(newVal, oldVal) {
+				let sessionToken = sessionStorage.getItem("token");
+				this.setLoginStatus(Boolean(sessionToken));
+				console.log("路由变化了");
+				console.log(newVal, oldVal);
+			}
+		}
+	},
 	methods: {
 		...mapMutations({
 			setIsShowLoginModal: "isShowLoginModal/setIsShowLoginModal",
@@ -61,12 +72,12 @@ export default {
 				}
 				else if (res.code === 400) {
 					this.$message.error(res.msg);
-					setIsShowLoginModal(true);
+					this.setIsShowLoginModal(true);
 				}
 				else if (res.code === 407) {
 					this.$message.warning("请使用手机号绑定登录微信");
 					sessionStorage.setItem("loginUuid", res.uuid);
-					setIsShowLoginModal(true);
+					this.setIsShowLoginModal(true);
 				}
 			}
 		}, 100);

src/store/loginStatus/index.js

@@ -2,6 +2,7 @@ export default {
 	namespaced: true,
 	actions   : {},
 	mutations : {
+		//登录状态
 		setLoginStatus(state, payload) {
 			state.isLogined = payload;
 		}