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

百思不得小李

已于 2023-08-17 17:56:11 修改

阅读量2.7k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue2实战记录文章标签： vue.js javascript 前端

于 2022-11-10 15:03:01 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_37635012/article/details/127786033

vue2实战记录专栏收录该内容

75 篇文章 ¥59.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在Vue项目中实现菜单和按钮权限的动态配置，包括用户管理、菜单管理、角色管理模块的实现。在动态路由配置过程中，解决了因错误操作导致的死循环问题，并探讨了刷新页面后store数据丢失的解决方案，即利用本地存储来持久化关键数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

用户管理与个人中心模块

在这里插入图片描述

菜单管理模块

在这里插入图片描述

了解本专栏

超级会员免费看

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。