通过获取当前路由路径，传递给default-active

绑定active
实现路由路径对应选项获得active

order-system/src/layout/Menu.vue

@@ -4,7 +4,13 @@
   <MenuLogo></MenuLogo>
 
   <!-- 菜单区域 -->
-  <el-menu router background-color="#00c6bf" default-active="1" class="el-menu-vertical-demo">
+  <!-- 通过当前路由获取路径返回给defalut-active,将默认事件绑定在当前路由路径上 -->
+  <el-menu 
+    router background-color="#00c6bf"
+    
+    :default-active="activeIndex" 
+    class="el-menu-vertical-demo"> 
+
   <!-- 注释掉暂时不需要的多余属性 -->
     <!-- <el-sub-menu index="1">
       <template #title>
@@ -70,6 +76,22 @@
 
   // 引入MenuLogo
   import MenuLogo from './MenuLogo.vue'
+
+  // 添加 computed 导入
+  import { ref, computed } from 'vue'
+
+
+  // 引入路由
+  import {useRoute} from 'vue-router'
+
+  // 获取当前路由
+  const route = useRoute()
+
+  // 通过当前路由路径，获取激活选项
+  const activeIndex = computed(()=>{
+    const { path } = route
+    return path
+  })
 </script>
 
 <style scoped lang="scss">