1.一种基于vue的模块化路由管理方法,其特征在于,包括:
步骤s100:根据业务将系统页面拆分为多个一级模块,为每个一级模块创建一个路由文件;每个一级模块细分为不同的二级模块,每个二级模块对应开发一个vue组件;
步骤s200:创建router文件夹,router文件夹下创建多个子文件夹,所述子文件夹分别对应一个一级模块,用于保存一级模块的路由文件;
步骤s300:一级模块的路由信息保存在js文件中,所述路由信息包括路径、名称和源组件;js文件采用exportdefault命令,将一级模块的路由信息输出;
创建index.js文件,用于聚合一级模块的路由信息,在index.js文件的文件头引入一级模块的js文件,声明一个变量保存一级模块的路由信息并采用扩展运算符注册用户路由;
步骤s400:在二级模块的vue组件中,创建用于增加、删除、修改和查询的按钮。
2.一种基于vue的模块化路由权限控制方法,其特征在于,包括:
步骤a:利用如权利要求1所述的一种基于vue的模块化路由管理方法建立模块化路由;
步骤b:用户登录后,调用用户信息的接口,获取用户的权限和身份信息,并存放在vue组件的状态管理器vuex中,状态管理器vuex采用集中式存储所有vue组件的状态;
步骤c:在状态管理器vuex中,声明权限变量,分别用于存放增加按钮、删除按钮、修改按钮和查询按钮的操作权限;
步骤d:系统加载页面,在页面挂载期间,从状态管理器vuex中读取权限变量的值,并根据权限变量的值控制页面对应的操作按钮的可见性。