学会Spring Boot+Vue前后端分离开发（3）之设置动态路由导航栏

设置动态路由导航栏：

1.删除套娃：

新建一个index  让导航跳转时回到index.vue 这样就不会出现套娃现象，且指定返回的页面为index

index.vue

<template>
    <el-container style="height: 500px; border: 1px solid #eee">
        <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
            <!--        <el-menu :default-openeds="['1','2','3']">-->
            <!--          <el-submenu index="1">-->
            <!--            <template slot="title"><i class="el-icon-menu"></i>图书导航</template>-->
            <!--              <el-menu-item index="1-1">选项1</el-menu-item>-->
            <!--              <el-menu-item index="1-2">选项2</el-menu-item>-->
            <!--              <el-menu-item index="1-3">选项3</el-menu-item>-->
            <!--              <el-menu-item index="1-3">选项4</el-menu-item>-->
            <!--          </el-submenu>-->

            <!--        </el-menu>-->