[发明专利]一种基于Vue.js框架的页面按钮授权方法

权利要求书

1.一种基于Vue.js框架的页面按钮授权方法，其特征在于，包括以下步骤：

步骤S1：获取页面中的功能组件，根据所述功能组件设置组件授权信息；

步骤S2：根据所述组件授权信息对系统角色的访问权限进行角色权限信息设置；

步骤S3：系统角色访问所述页面时，所述功能组件根据所述组件授权信息对所述角色权限信息进行授权验证，若授权验证成功则开放相应功能组件的访问权限，若授权验证失败则提示相应系统角色需要所述角色权限信息；

步骤S4：所述功能组件根据所述组件授权信息对所述授权验证成功的系统角色进行按钮权限验证，若按钮权限验证成功则显示所述功能组件对应的功能按钮，若按钮权限验证失败则不显示所述功能组件对应的功能按钮。

2.根据权利要求1所述的一种基于Vue.js框架的页面按钮授权方法，其特征在于，所述页面通过模块插件扫描所述功能组件，识别所述组件授权信息并同步至授权信息数据库。

3.根据权利要求2所述的一种基于Vue.js框架的页面按钮授权方法，其特征在于，所述页面通过资源定位转化接口将所述组件授权信息并同步至所述授权信息数据库。

4.根据权利要求1所述的一种基于Vue.js框架的页面按钮授权方法，其特征在于，所述组件授权信息包括功能组件的授权标识信息和按钮权限标识信息。

5.根据权利要求4所述的一种基于Vue.js框架的页面按钮授权方法，其特征在于，所述步骤S3中进行授权验证时所述功能组件调用所述授权标识信息。

6.根据权利要求4所述的一种基于Vue.js框架的页面按钮授权方法，其特征在于，所述步骤S4中进行按钮权限验证时所述功能组件调用所述按钮权限标识信息。

7.根据权利要求1所述的一种基于Vue.js框架的页面按钮授权方法，其特征在于，所述功能组件内设有按钮权限属性值。

8.根据权利要求7所述的一种基于Vue.js框架的页面按钮授权方法，其特征在于，所述步骤S4中若组件授权信息满足所述按钮权限属性值，则按钮权限验证成功，若不满足则表示按钮权限验证失败。

9.根据权利要求7所述的一种基于Vue.js框架的页面按钮授权方法，其特征在于，所述按钮权限属性值通过vue.js自定义指令进行设置。