目录结构
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/00306142dc63d5466eae991bbc18ab4b.png#pic_center)
index.vue
<template>
<el-scrollbar wrap-class="scrollbar-wrapper">
<el-menu
:default-active="activeMenu"
:background-color="variables.menuBg"
:text-color="variables.menuText"
:unique-opened="false"
:active-text-color="variables.menuActiveText"
:collapse-transition="false"
mode="vertical"
>
<sidebar-item
v-for="route in permission_routes"
:key="route.path"
:item="route"
:base-path="route.path"
/>
</el-menu>
</el-scrollbar>
</template>
<script>
import { mapGetters } from "vuex";
import SidebarIt