![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端vue
文章平均质量分 55
猿代码-WYT
这个作者很懒,什么都没留下…
展开
-
vue实现动态菜单之组件注入
vue实现动态菜单之组件注入 vue中通过router.beforeEach(async(to, from, next) => {})方法来拦截路由实现动态菜单功能,后端数据库存储菜单路由信息,前端通过调用api接口来获取数据. 前端从后端获取到路由数据数组后需要先遍历路由数组进行组件的注入,然后再添加路由对象.在这里我通过map.filter方法来过滤路由数组,进行组件的注入. // 遍历后台传来的路由字符串,转换为组件对象 function filterAsyncRouter(asyncRoute原创 2021-09-18 16:30:47 · 613 阅读 · 0 评论 -
vue实现动态菜单之权限数据存储
vue中实现动态菜单功能数据存储问题 在vue.js中通过router.beforeEach(async(to, from, next) => {})方法来拦截路由实现动态菜单功能,这时候就需要一个存储介质来实现用户角色或者用户路由数据的存储. 最开始我针对动态菜单功能的解决方案是使用localStroage来存储用户对应的路由数组信息,但是在实际应用中出现了登录不同用户路由数据更新异常的bug. 在项目中中login的登录方法中调用获取路由数组的方法,登录方法的返回值中返回用户角色id,将用户角色i原创 2021-09-18 16:18:13 · 580 阅读 · 1 评论