在Layout.Index.vue文件中，

修改main区域内容通过router-view将路由跳转后的页面内容引入到main区域（测试发现，点击不同选项后，main区域显示选项对应文字---测试通过）
3 months ago · 43604adc9b
parent 30f74be127
commit 43604adc9b
1 changed files with 5 additions and 1 deletions
--- a/order-system/src/layout/Index.vue
+++ b/order-system/src/layout/Index.vue
@ -7,7 +7,11 @@
    </el-aside>
    <el-container>
      <el-header class="header">Header</el-header>
-      <el-main class="main">Main</el-main>
+      <el-main class="main">
+
+        <!-- 路由跳转后，页面显示在main区域 -->
+        <router-view></router-view>
+      </el-main>
    </el-container>
  </el-container>
 </template>