一种基于Vue路由的权限控制方法及动态生成菜单方法技术

技术编号:40425496 阅读:26 留言:0更新日期:2024-02-20 22:45
本发明专利技术公开了一种基于Vue路由的权限控制方法及动态生成菜单方法,所述的基于Vue路由的权限控制方法,包括:用户进行登录,进入路由前置钩子函数beforeEach;在路由前置钩子函数beforeEach中,根据服务端数据判断用户的权限情况;根据用户的权限情况跳转不同的页面;用户退出登录,重置权限相关数据的步骤。本发明专利技术用于解决前端项目中传统做法无法控制页面层级的渲染,也无法动态生成菜单,并且当前端页面较多时,代码容易混乱,不利于后续代码维护的问题。

【技术实现步骤摘要】

本专利技术涉及web前端和权限控制,具体的说,尤其涉及一种基于vue路由的权限控制方法及动态生成菜单方法。


技术介绍

1、在现代web应用程序中,权限控制是一个非常重要的功能,它可以确保用户只能访问他们被授权访问的内容。在前端项目中,传统的做法是根据后端返回的权限码在不同的页面文件中进行判断,从而确定是否渲染其节点内容。但其无法控制页面层级的渲染,也无法动态生成菜单,并且当前端页面较多时代码容易混乱,不利于后续代码维护。

2、因此,现有技术还有待提高。


技术实现思路

1、鉴于上述现有技术的不足,本专利技术的目的在于提供一种基于vue路由的权限控制方法及动态生成菜单方法,用于解决前端项目中传统做法无法控制页面层级的渲染,也无法动态生成菜单,并且当前端页面较多时代码容易混乱,不利于后续代码维护的问题。

2、本专利技术的技术方案如下:

3、一种基于vue路由的权限控制方法及动态生成菜单方法,所述方法包括;

4、用户进行登录,进入路由前置钩子函数beforeeach;<本文档来自技高网...

【技术保护点】

1.一种基于Vue路由的权限控制方法,其特征在于,所述方法包括:

2.根据权利要求1所述的基于Vue路由的权限控制方法,其特征在于,所述根据用户的权限情况跳转不同的页面,具体包括:

3.根据权利要求1所述的基于Vue路由的权限控制方法,其特征在于,所述用户进行登录,进入路由前置钩子函数beforeEach,具体包括:

4.根据权利要求1所述的基于Vue路由的权限控制方法,其特征在于,所述在路由前置钩子函数beforeEach中,根据服务端数据判断用户的权限情况具体包括:

5.根据权利要求4所述的基于Vue路由的权限控制方法,其特征在于,所述...

【技术特征摘要】

1.一种基于vue路由的权限控制方法,其特征在于,所述方法包括:

2.根据权利要求1所述的基于vue路由的权限控制方法,其特征在于,所述根据用户的权限情况跳转不同的页面,具体包括:

3.根据权利要求1所述的基于vue路由的权限控制方法,其特征在于,所述用户进行登录,进入路由前置钩子函数beforeeach,具体包括:

4.根据权利要求1所述的基于vue路由的权限控制方法,其特征在于,所述在路由前置钩子函数beforeeach中,根据服务端数据判断用户的权限情况具体包括:

5.根据权利要求4所述的基于vue路由的权限控制方法,其特征在于,所述在路由前置钩子函数beforeeach中,根据服务端数据判断用户的权限情况还包括:

6.根...

【专利技术属性】
技术研发人员:吴海滨郭晶张斌鲜伙婷张元方
申请(专利权)人:城市之光深圳无人驾驶有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1