一种利用全局状态管理的按钮权限控制方法及装置制造方法及图纸

本发明专利技术涉及web前端开发领域，具体提供了一种利用全局状态管理的按钮权限控制方法及装置，具有如下步骤：S1、将用户权限数据存入全局状态的store中；S2、定义用户权限列表格式和按钮权限格式；S3、将v‑permission指令及全局状态管理store引入到vue实例；S4、v‑permission指令use的引入；S5、v‑permission配置store获取权限的path路径；S6、以v‑permission＝‘按钮权限名’引入到vue页面的按钮中；S7、在按钮插入到页面时就通过按钮权限获取权限；S8、进行全局状态管理。与现有技术相比，本发明专利技术将数据注入到vue的全局状态管理中，只进行一次数据请求，无需在每次需要判断权限时进行数据请求。

【技术实现步骤摘要】

本专利技术涉及web前端开发领域，具体提供一种利用全局状态管理的按钮权限控制方法及装置。

技术介绍

1、现有的基于vue的开发的技术中，在用户按钮级别的权限控制，基本是每个页面获取权限后然后通过v-if这种方式判断权限，需要大量的变量命名，很难做到在全局状态管理上进行用户的权限的指令管理，不能一次性获取用户权限数据后，进行控制按钮是否显示。

技术实现思路

1、本专利技术是针对上述现有技术的不足，提供一种实用性强的利用全局状态管理的按钮权限控制方法。

2、本专利技术进一步的技术任务是提供一种设计合理，安全适用的利用全局状态管理的按钮权限控制装置。

3、本专利技术解决其技术问题所采用的技术方案是：

4、一种利用全局状态管理的按钮权限控制方法，具有如下步骤：

5、s1、将用户权限数据存入全局状态的store中；

6、s2、定义用户权限列表格式和按钮权限格式；

7、s3、将v-permission指令及全局状态管理store引入到vue实例；...

【技术保护点】

1.一种利用全局状态管理的按钮权限控制方法，其特征在于，具有如下步骤：

2.根据权利要求1所述的一种利用全局状态管理的按钮权限控制方法，其特征在于，在步骤S1中，用户登录后，一次性获取当前用户的权限数据，将用户权限数据存入以pinia或vuex定义的权限定义全局状态的store中。

3.根据权利要求2所述的一种利用全局状态管理的按钮权限控制方法，其特征在于，在步骤S2中，用户权限列表格式userPermission＝[‘admin.index.add’,‘admin.index.del’],定义按钮权限格式btnPermission＝{‘index.sys.del...

【技术特征摘要】

1.一种利用全局状态管理的按钮权限控制方法，其特征在于，具有如下步骤：

2.根据权利要求1所述的一种利用全局状态管理的按钮权限控制方法，其特征在于，在步骤s1中，用户登录后，一次性获取当前用户的权限数据，将用户权限数据存入以pinia或vuex定义的权限定义全局状态的store中。

3.根据权利要求2所述的一种利用全局状态管理的按钮权限控制方法，其特征在于，在步骤s2中，用户权限列表格式userpermission＝[‘admin.index.add’,‘admin.index.del’],定义按钮权限格式btnpermission＝{‘index.sys.del’:[‘sys.index.del’],}。

4.根据权利要求3所述的一种利用全局状态管理的按钮权限控制方法，其特征在于，在步骤s4中，v-permission指令use引入时，配置store的options,如果使用vuex定义的store，直接引入store，如果使用pinia定义...

【专利技术属性】
技术研发人员：郭凯峰，迟钰沛，宁方刚，
申请(专利权)人：浪潮软件股份有限公司，
类型：发明
国别省市：