分类：动态菜单

2021
06-23

Vue Element前端应用开发之动态菜单和路由的关联处理

概述在我开发的很多系统里面，包括Winform混合框架、Bootstrap开发框架等系列产品中，我都倾向于动态配置菜单，并管理对应角色的菜单权限和页面权限，实现系统对用户权限的控制，菜单一般包括有名称、图标、顺序、URL连接等相关信息，对于VUE+Element前端应用来说，应该原理上差不多，本篇随笔介绍结合服务端的动态菜单配置和本地路由的关联处理，实现动态菜单的维护和展示的处理。1、菜单和路由的处理过程由于Vue前端还需要引入... 继续阅读 >

2020
10-09

基于vue 动态菜单 刷新空白问题的解决

1.先确认自己在route.js或者main.js中有没有使用路由守卫vue.beforeEach和vue.addRouters()促使页面每次刷新，重新根据后台返回数据生成动态路由，就像你在登陆时做的事情一样。代码示范注意点：//注意：确定自己避免了路由守卫进入死循环letoneRun=true;//通过oneRun变量控制避免陷入死循环router.beforeEach((to,from,next)=>{if(oneRun){oneRun=false;//必须在creatNewRouter()执行createNewRouter();... 继续阅读 >

2020
10-08

vue+iview框架实现左侧动态菜单功能的示例代码

最近在使用vue-cli3配合iview框架搭建新的项目中用到了iview中的menu菜单，按照官网写法固定不太好，因为一般项目都是从后端动态获取菜单列表，所以我们需要将官网代码稍作修改，代码如下：注意事项：【1】菜单高亮部分动态绑定路由跳转的页面Menu组件中有一个active-name反映的是当前高亮区域，因此可以动态的绑定active-name来实现高亮显示。前提是需要将MenuItem绑定的name也设置成页面路由的name【2】动态获取菜单数据，需要更... 继续阅读 >