Commit @5e1eb9133178fcba2d06086c464d43576301a8d6

dajenog 2024-08-14
240814 정다정 오답노트 페이지 전환 수정
@5e1eb9133178fcba2d06086c464d43576301a8d6
dd7466a
5e1eb91
client/views/layout/Menu.vue
--- client/views/layout/Menu.vue
+++ client/views/layout/Menu.vue

 <template>
-    <div class="menu flex" style="gap: 30px;">
+    <div class="menu flex" style="gap: 30px">
         <router-link to="/MyPlan.page">
-          <button :class="{ active: activeButton === 'schedule' }" type="submit" @click="goToApp('schedule')">
-            <p :class="{ active: activeButton === 'schedule' }">학습일정계획</p>
-          </button>
+            <button :class="{ active: activeButton === 'schedule' }" type="submit" @click="goToApp('schedule')">
+                <p :class="{ active: activeButton === 'schedule' }">학습일정계획</p>
+            </button>
         </router-link>
         <router-link to="/Dashboard.page">
-          <button :class="{ active: activeButton === 'dashboard' }" type="submit" @click="goToApp('dashboard')">
-            <p :class="{ active: activeButton === 'dashboard' }">Dashboard</p>
-          </button>
+            <button :class="{ active: activeButton === 'dashboard' }" type="submit" @click="goToApp('dashboard')">
+                <p :class="{ active: activeButton === 'dashboard' }">Dashboard</p>
+            </button>
         </router-link>
         <router-link to="/MyPage.page">
             <button :class="{ active: activeButton === 'mypage' }" type="submit" @click="goToApp('mypage')">

             </button>
         </router-link>
     </div>
-  </template>
-  
-  <script>
-  
-  
-  export default {
+</template>
+
+<script>
+export default {
     props: {
-      currentRoute: {
-        type: String,
-        required: true
-      }
+        currentRoute: {
+            type: String,
+            required: true,
+        },
     },
     data() {
-      return {
-        activeButton: '',
-      };
+        return {
+            activeButton: '',
+        };
     },
     methods: {
+        goToApp(button) {
+            this.activeButton = button;
+        },
 
-      goToApp(button) {
-        this.activeButton = button;
-      },
+        // 홈 화면이면 모든 버튼을 비활성화
+        updateActiveButton() {
+            if (this.currentRoute === '/MyPlan.page') {
+                this.activeButton = 'schedule';
+            }
+        },
 
-      // 홈 화면이면 모든 버튼을 비활성화
-      updateActiveButton() {
-        if (this.currentRoute === '/MyPlan.page') {
-          this.activeButton = 'schedule';
-        }
-      }
-
+        // 오답노트 화면이면 모든 버튼을 비활성화
+        updateActiveButton() {
+            if (this.currentRoute === '/PreviewNote.page') {
+                this.activeButton = '';
+            }
+        },
     },
     watch: {
-      currentRoute() {
-        this.updateActiveButton();
-      }
+        currentRoute() {
+            this.updateActiveButton();
+        },
     },
     mounted() {
-      this.updateActiveButton();
-      console.log('Menu mounted');
-    }
-  };
-  </script>
-  
-  <style>
-  </style>
-  
+        this.updateActiveButton();
+        console.log('Menu mounted');
+    },
+};
+</script>
+
+<style></style>
Add a comment
Open 0
Closed 0
List
Delete comment
