侧边导航对应高亮修改

src/components/SetLeftMenu.vue

@@ -45,14 +45,25 @@ export default {
       scrollLock: false,
     }
   },
-  mounted() {
+ 
+  watch: {
+  '$route'(to, from) {
+    console.log(to, from);
+    // 路由变化时重新计算位置
+    this.$nextTick(() => {
+      this.calculateFloorOffsets();
+      this.handleScroll(); // 立即检查当前位置
+    });
+  }
+},
+mounted() {
   this.activeFloor = this.menuList[this.curIndex]?.list?.[0]?.desc;
   this.$nextTick(() => {
     // 更可靠的获取滚动容器方式
     this.scrollContainer = document.querySelector('.main-content') || 
                          document.getElementById('main-content') ||
                          window;
-      console.log(this.scrollContainer,'this.scrollContainer---');
+    
     if (this.scrollContainer) {
       this.scrollContainer.addEventListener('scroll', this.handleScroll);
       this.calculateFloorOffsets();
@@ -60,22 +71,12 @@ export default {
       console.error('未找到滚动容器');
     }
   });
-  },
-  watch: {
-  '$route'(to, from) {
-    console.log(to, from);
-    // 路由变化时重新计算位置
-    this.$nextTick(() => {
-      this.calculateFloorOffsets();
-      this.handleScroll(); // 立即检查当前位置
-    });
-  }
 },
-  beforeDestroy() {
+beforeDestroy() {
   if (this.scrollContainer) {
     this.scrollContainer.removeEventListener('scroll', this.handleScroll);
   }
-  },
+},
   created() {
   },
   computed: {
@@ -86,30 +87,6 @@ export default {
       var randomNumber = Math.random();
       return randomNumber
     },
-    // calculateFloorOffsets() {
-    //   this.menuList.forEach(item => {
-    //     item.list.forEach(every => {
-    //       const el = document.getElementById(every.desc);
-    //       if (el) {
-    //         every.offsetTop = el.offsetTop;
-    //       }
-    //     })
-    //   });
-    // },
-    // handleScroll() {
-    //   if (this.scrollLock) return
-    //   const scrollContainer = this.$parent.$refs.scrollContainer;
-    //   const scrollHeight = scrollContainer.scrollTop;
-    //   let activeFloor = this.menuList[this.curIndex]['list'][0]['desc'];
-    //   this.menuList[this.curIndex]['list'].forEach(item => {
-    //     if (scrollHeight + 72 >= item.offsetTop) {
-    //       activeFloor = item.desc; // 更新当前激活的楼层ID
-    //     } else {
-    //       return false; // 一旦找到第一个小于当前滚动位置的楼层，停止循环
-    //     }
-    //   });
-    //   this.activeFloor = activeFloor; // 更新数据以触发视图更新
-    // },
     calculateFloorOffsets() {
     this.menuList.forEach(item => {
       item.list?.forEach(every => {
@@ -189,7 +166,7 @@ export default {
       console.log(type);
     },
     setActiveCur(dom, item) {
-      if (item.path && this.$route.path !== item.path) {
+  if (this.$route.path !== item.path) {
     this.$router.push(item.path);
     store.commit('SET_PAGETITLE', item.name);
   }
@@ -203,9 +180,9 @@ export default {
       this.scrollLock = false;
     }, 1000);
   });
-    },
+},
 
-    setHighActive(dom) {
+setHighActive(dom) {
   const ele = document.getElementById(dom);
   if (ele) {
     ele.scrollIntoView({
@@ -213,7 +190,7 @@ export default {
       block: 'start'
     });
   }
-    }
+}
   }
 }
 </script>