vue项目做菜单权限时动态路由出现死循环的问题以及刷新页面store数据丢失页面空白问题

最近项目需求就是要做菜单权限,按钮权限这些,我们是用vue开发的,先看一下我们项目后台的页面样式,如下图,用户中心分为用户管理,菜单管理及角色管理。用户管理顾名思义就是管理这个系统有哪些人在用,包括一些新增账号,修改账号,禁用和激活等常见功能,我们系统都设置的有统一登录密码,所以在新增账号时并没有让其填密码这一项,个人中心就看下个人信息,可以改其手机号与登录密码。这些实现不难,就调接口增删改查,写下业务逻辑代码完事。

用户管理与个人中心模块

vue项目做菜单权限时动态路由出现死循环的问题以及刷新页面store数据丢失页面空白问题_第1张图片
vue项目做菜单权限时动态路由出现死循环的问题以及刷新页面store数据丢失页面空白问题_第2张图片

菜单管理模块

vue项目做菜单权限时动态路由出现死循环的问题以及刷新页面store数据丢失页面空白问题_第3张图片
vue项目做菜单权限时动态路由出现死循环的问题以及刷新页面store数据丢失页面空白问题_第4张图片
vue项目做菜单权限时动态路由出现死循环的问题以及刷新页面store数据丢失页面空白问题_第5张图片

你可能感兴趣的:(vue2,vue.js,javascript,前端)