最近做了一个后台的项目，对路由生成侧边栏简单的写了一下，注意呀，这里面的路由不是根据后端接口生成的呦，第一次写，哪里不对，可以提出来呦！ 1、首先，这是总体实现的简单的效果 2、看一下路由部分的代码 说明一下哦，我这边写的二级菜单的父级的index.vue中都是router-view ...

了。 2、侧边栏基本设置 这一部分主要是对侧边栏选项卡、数据条数等的显示控制。 在：管理=》选项，这 ...

两种效果如下所示： 隐藏侧边栏： 折叠侧边栏： 下面，分享隐藏侧边栏实现方法： 实现思路：给body切换class，通过class控制侧边栏和主体部分left 来实现效果 html部分： <div class="sidebar">侧边栏< ...

permission.js layout/components/Sidebar/index store/modules/permission.js ...

这个文件夹下引入的这个路径是关键 找到src/styles/variables.scss 这个文件 这个就是配置侧边栏背景色等等 变量的地方 ...

一、将icon的svg文件放置如下图文件位置 二、在路由设置中设置（icon设置为svg的文件名称即可） 注：若icon选中的颜色不会随着侧边栏文字颜色变动，把svg文件中的fill去掉即可 ...

1.源码位置 2.el-menu 用法解析 侧边栏的核心是将根据权限过滤后的 router 和 el-menu 组件进行映射，所以熟悉 el-menu 是理解 sidebar 的起点 2.1.el-menu el-menu 表示菜单容器组件 ...

不多bb，直接上代码 html的代码： css的代码 重点来了，js的代码： js就实现了，切换的功能，很简陋，等有空了再加点功能 ...