首先来总结element ui 官方文档的左侧菜单结构,带有el-submenu为子级节点,el-menu-item表示没有下级。当然,菜单不能写死，因为菜单也许不止两级,所以我们需要递归来实现。根据当前节点是否有下级去判断,如果有下级,则继续调用子级,直到没有下级为止,下面我贴上左侧菜单所有 ...

最近在做一个后台管理项目，涉及到一些菜单权限控制，具体实现如下：（话不多说，直接上代码） router/index.js main.js(登录成功时，后台返回有权限的路由并存在状态管理器vuex中) 备注：此方案最大的好处是不用再使用 ...

更多文章 写后台管理系统，估计有不少人遇过这样的需求：根据后台数据动态添加路由和菜单。 为什么这么做呢？因为不同的用户有不同的权限，能访问的页面是不一样的。 在网上找了好多资料，终于想到了解决办法。 动态生成路由 利用 vue-router 的 addRoutes 方法可以动态添加路由 ...

通过views文件件自动生成路由文件 引入类库 npm i vue-router-auto -s 　　 文档地址： 配置router下的index.js 文件（配置路由） import Vue from 'vue' import Router from ...

最近在项目中面临导航特别多的情况，需要将导航存到数据库里面，然后前端从接口那数据渲染生成。antd-admin里面有个案例，但是太过复杂，于是自己开始简化写 1、数据格式： 2、在sidebar 渲染数据： 3、在route里面找到对应的路径即可 ...

　　开发过程中，涉及到多级菜单的应用，找了一些资料案例实现如下(使用springboot+layui+oracle)： 　　创建菜单表 ： -- 创建菜单表create table wxmini_menus( menu_id number unique, --菜单ID menu_name ...

vscode自动生成vue模板步骤 step1：文件-首选项-用户代码片段，输入vue，点击enter后进入vue.json文件，将下方代码完全覆盖掉以前内容，保存 step2:测试新进test.vue文件，在vue文件中输入vh，点击enter就能自动生成模板了，如果想调整模板内容 ...

设置-用户代码片段-搜索vue-点击vue-全选粘贴 { "Print to console": { "prefix": "vu", //写成自己满意的前缀(name) "body ...