From 1bd2cbfbaa60cd764aabf0bb6ad11b2926b7c96d Mon Sep 17 00:00:00 2001
From: XiaofengZeng <798065964@qq.com>
Date: Tue, 22 Mar 2022 23:22:25 +0800
Subject: [PATCH] =?UTF-8?q?fix(module):=20=E5=A4=84=E7=90=86Issue#18?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 处理场景切换器SceneSwitcher组件的按钮激活未切换的问题
---
 src/components/Main/index.vue | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/components/Main/index.vue b/src/components/Main/index.vue
index 344e7eb..b4b893c 100644
--- a/src/components/Main/index.vue
+++ b/src/components/Main/index.vue
@@ -6,17 +6,30 @@
 </template>
 
 <script>
+import { mapState } from 'vuex';
+
 export default {
   name: 'Main',
+  computed: {
+    ...mapState(['scenes']),
+  },
+  beforeUpdate() {
+    // 在使用URL跳转主界面时，进行判断并将值设置进Vuex中
+    this.scenes.forEach((s) => {
+      if (this.$router.currentRoute.path.indexOf(s.path) > -1) {
+        this.$store.commit('setScene', s.key);
+      }
+    });
+  },
 };
 </script>
 
 <style lang="less" scoped>
-  .kn-main {
-    display: flex;
-    flex: 1 1 auto;
-    text-align: center;
-    align-items: center;
-    justify-content: center;
-  }
+.kn-main {
+  display: flex;
+  flex: 1 1 auto;
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+}
 </style>