From 30f74be127b9e32ce8c6d43b9f587f360435135b Mon Sep 17 00:00:00 2001
From: riverflow <3011499946@qq.com>
Date: Sun, 10 Aug 2025 16:46:26 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BA=E5=85=AD=E4=B8=AA=E9=80=89=E9=A1=B9?=
 =?UTF-8?q?=E7=9A=84Index.vue=E6=96=87=E4=BB=B6=E5=88=9B=E5=BB=BA=E6=A1=86?=
 =?UTF-8?q?=E6=9E=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在Menu.vue文件中，启用router属性
将每一个选项的index作为路由路径，实现path跳转
（测试发现，路径发生变化---测试通过）
---
 order-system/src/layout/Menu.vue          | 14 +++++++-------
 order-system/src/views/banner/Index.vue   | 13 +++++++++++++
 order-system/src/views/category/Index.vue | 13 +++++++++++++
 order-system/src/views/comment/Index.vue  | 13 +++++++++++++
 order-system/src/views/goods/Index.vue    | 13 +++++++++++++
 order-system/src/views/order/Index.vue    | 13 +++++++++++++
 order-system/src/views/user/Index.vue     | 13 +++++++++++++
 7 files changed, 85 insertions(+), 7 deletions(-)

diff --git a/order-system/src/layout/Menu.vue b/order-system/src/layout/Menu.vue
index d3989f7..8078dd5 100644
--- a/order-system/src/layout/Menu.vue
+++ b/order-system/src/layout/Menu.vue
@@ -4,7 +4,7 @@
   <MenuLogo></MenuLogo>
 
   <!-- 菜单区域 -->
-  <el-menu background-color="#00c6bf" default-active="1" class="el-menu-vertical-demo">
+  <el-menu router background-color="#00c6bf" default-active="1" class="el-menu-vertical-demo">
   <!-- 注释掉暂时不需要的多余属性 -->
     <!-- <el-sub-menu index="1">
       <template #title>
@@ -34,27 +34,27 @@
     </el-menu-item> -->
 
     <!-- 添加菜单栏选项 -->
-    <el-menu-item index="1">
+    <el-menu-item index="/user">
       <el-icon><Menu /></el-icon>
       <template #title>用户管理</template>
     </el-menu-item>
-    <el-menu-item index="2">
+    <el-menu-item index="/category">
       <el-icon><Menu /></el-icon>
       <template #title>菜品分类</template>
     </el-menu-item>
-    <el-menu-item index="3">
+    <el-menu-item index="/goods">
       <el-icon><Memo /></el-icon>
       <template #title>菜品管理</template>
     </el-menu-item>
-    <el-menu-item index="4">
+    <el-menu-item index="/order">
       <el-icon><Monitor /></el-icon>
       <template #title>订单管理</template>
     </el-menu-item>
-    <el-menu-item index="5">
+    <el-menu-item index="banner">
       <el-icon><Calendar /></el-icon>
       <template #title>广告管理</template>
     </el-menu-item>
-    <el-menu-item index="6">
+    <el-menu-item index="comment">
       <el-icon><Edit /></el-icon>
       <template #title>评论管理</template>
     </el-menu-item>
diff --git a/order-system/src/views/banner/Index.vue b/order-system/src/views/banner/Index.vue
index e69de29..30b4877 100644
--- a/order-system/src/views/banner/Index.vue
+++ b/order-system/src/views/banner/Index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    广告管理
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/order-system/src/views/category/Index.vue b/order-system/src/views/category/Index.vue
index e69de29..01fe23c 100644
--- a/order-system/src/views/category/Index.vue
+++ b/order-system/src/views/category/Index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    菜品分类
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/order-system/src/views/comment/Index.vue b/order-system/src/views/comment/Index.vue
index e69de29..c8906d3 100644
--- a/order-system/src/views/comment/Index.vue
+++ b/order-system/src/views/comment/Index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    评论管理
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/order-system/src/views/goods/Index.vue b/order-system/src/views/goods/Index.vue
index e69de29..201c4b7 100644
--- a/order-system/src/views/goods/Index.vue
+++ b/order-system/src/views/goods/Index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    菜品管理
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/order-system/src/views/order/Index.vue b/order-system/src/views/order/Index.vue
index e69de29..644b411 100644
--- a/order-system/src/views/order/Index.vue
+++ b/order-system/src/views/order/Index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    订单管理
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/order-system/src/views/user/Index.vue b/order-system/src/views/user/Index.vue
index e69de29..f059812 100644
--- a/order-system/src/views/user/Index.vue
+++ b/order-system/src/views/user/Index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    用户管理
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file