vue切换不同权限用户登录，权限菜单未更新

于 2024-07-26 15:54:19 发布
阅读量138 收藏
点赞数 3
分类专栏： vue 动态路由 权限菜单 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AnnaYaya/article/details/140717343
版权

做项目遇到这么一个问题：

登录退出后，再登录一个不同权限的用户，之后看到的用户权限菜单并未更新，刷新后才更新

前提：使用动态路由，当to.matched.length<=0时候，会从缓存后者接口读取菜单列表，添加到router中

解决方法：

再退出登录时候，清空菜单缓存，之后添加location.href = '/'。之后会重定向到登录页，再登录后就是新的权限菜单

籽梨吖
关注
专栏目录
vue 实现用户登录方式的切换功能
12-28
一、vue 实现用户登录方式的切换 在 data 当中，定义一个标识符 loginWay，用来表示是用短信登录还是密码登录，true代表短信登录，false 代表密码登录，代码如下所示： data() { return { loginWay: true } } 在短信登录和密码登录上，进行动态样式绑定，loginWay为true就短信登录绑定动态样式on，loginWay为false就密码登录绑定动态样式on，并且也绑定点击事件，进行设置 loginWay的true和false，代码如下所示： <h2 class=login_logo>用户登录</h2> <div class
v-model --双向数据绑定
qq_45802159的博客
01-03 3249
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
Vue如何实现不同登录方式的切换（账号密码登录、邮箱验证登录等）
热门推荐
Wzmlzrr的博客
03-26 1万+
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、使用vue开发框架的时候，无论是vue2或是vue3，都会运用到element ui组件库或是element-plus ui组件库，所以我们要解决的问题首先从这些组件库里来找寻答案二、项目里按需引入或者全局导入element ui组件库或是element-plus ui组件库1.省略常规操作，直接在页面中引入Tabs（标签页）组件2.运行后的效果三、再说一下Tabs（标签页）的属性（根据项目的实际需求添加） 前言 通常情.
Vue的登陆注册切换
weixin_50480451的博客
07-26 1563
Vue通过v-if和v-else实现单窗口登录注册的切换
vue//vue 动态侧边栏菜单不更新问题（退出重登录管理员还是看到普通用户的菜单列表）；注意：深拷贝会丢失函数！！！
weixin_37877794的博客
09-05 632
https://blog.csdn.net/qq_16072507/article/details/102720589 强刷页面 window.location.reload(true); 路由数据深拷贝（注：深拷贝会丢失函数；如果有箭头函数之类的不能深拷贝） async logout() { await this.$store.dispatch('user/logout') window.location.reload(true);//强制刷新整个界面 } GenerateRoutes({com
浅谈vue权限管理实现及流程
11-21
首先，整体思路是后端服务器在用户登录成功后返回其权限信息，前端根据这些权限来构建用户的个性化菜单。所有的路由在前端已经预先定义好，但根据用户的权限，前端会动态地挂载部分路由。这是通过Vue Router提供的`...
基于vue3.0 + elementPlus 实现的后台管理系统模板 动态路由 动态菜单 皮肤切换 登录逻辑.zip
01-03
在Vue3项目中，这通常通过获取服务器上的菜单数据，然后在应用程序启动时或者用户登录后动态构建菜单组件。你可以使用Vue的计算属性和watcher来实时响应菜单数据的变化。 皮肤切换功能让用户体验更加个性化。通过...
vue自定义指令和动态路由实现权限控制
11-19
当用户登录后，从后端获取的用户信息（包括权限信息）会被存入Vuex的state中，供整个应用中的组件访问。 5. **后端接口**：后端通常会返回一个包含用户权限信息的接口。在这个例子中，后台采用RBAC（Role-Based ...
动态加载权限管理模块中的Vue组件
11-29
当用户登录成功后，前端会向服务器请求当前用户的菜单和组件信息。服务器根据用户角色返回一个JSON字符串，包含菜单结构和对应组件路径。例如： ```json [ { "id": 2, "path": "/home", "component": "Home", ...
vue-admin-template添加权限控制.zip
11-25
Vue Router允许在运行时动态添加或移除路由，这样可以根据用户的权限来决定显示哪些菜单和页面。 5. **组件级别的权限控制**：除了路由级别的权限，还可以在组件级别进行控制。例如，某些按钮或功能可能只对特定...
通过vue刷新左侧菜单栏
qq_37104276的博客
11-07 4375
今天完成了手头任务就想着做点什么，刚好领导让我看看项目左侧菜单栏不刷新的问题，我也是刚刚接触vue，很多东西都还不是很熟练，这也是我的第一篇自己写的博客，感觉还是很兴奋的，我觉得写博客这个习惯要一直养成，不但总结了自己一天的工作所得，而且也是对自己的一种良好习惯的养成。下面进入正题。 这个是我们html里面的超链接，而我们的点击事件的跳转就是通过这个超链接实现的。 然后我们要创建一
vue 动态侧边栏菜单不更新问题（退出重登录管理员还是看到普通用户的菜单列表）
game_shader
10-24 1691
问题描述：登录普通账号；退出登录；登录管理员账号；主界面侧边栏看到的还是普通用户的功能列表； 期望：能看到管理员的功能列表； 问题原因：动态加载菜单的时候，过滤菜单时修改了基础菜单集合数据，用的是浅拷贝。 解决方案：改为深拷贝，可用序列号和解析来简单实现 问题跟进：改为深拷贝会引入新的问题，加载子菜单组件失败 新问题-解决方案：退出时，强制刷新整个界面 async logout() ...
vue切换数据更新但是页面不更新问题
ddyy2695734664的博客
08-07 3309
有三类数据，一开始是拿到全部数据，前端通过点击切换分类名称通过参数过滤显示对应的数据； 本来需求很简单，问题就是切换的时候数据处理逻辑以及最终数据结果都是正确的，但是Dom显示的内容一直都不更新，其中之前v-lazy懒加载的图片换成了:src，发现图片是可以正常切换，但是别的数据都没变，试了网上this.set、或者强制更新this.set、或者强制更新this.set、或者强制更新this.forceUpdate()都不管用，和领导两个人各种办法试了半个小时都找不到原因，后来发现了一直忽视的一个报错，如图
vue 解决：点击左侧相同菜单，右侧页面不重新加载的问题
狮子座的男孩
02-29 1165
无论是通过路由组件形成的平台管理系统，还是通过文件配置形成的平台管理系统，都存在通过切换左侧的导航栏而使右侧的页面切换的业务需求；重复点击左侧导航栏的菜单(即：点击左侧导航相同菜单)，右侧页面不重新加载，但左侧切换不同的菜单，右侧页面加载就没有问题;但要在左侧点击相同页面的导航栏(即：已经展示该页面，再点击左侧相同菜单，右侧页面不再重新加载，当然也没进行刷新操作)；修改上述位置代码后，就解决了：点击左侧相同菜单，右侧页面不重新加载的问题；文件，且加载都没有问题(即：页面可以加载，对应的接口也可以加载)；
若依vue3登录后跳转其他页面&获取不同的菜单&登录进入后跳转至动态路由的第一个路由
最新发布
YanBin_Best的博客
07-24 722
首先解释一下为什么 修改这里 因为login 登陆获取的路由其实就是你自己的动态路由获取的第一个而已，直接修改这里即可，不用修改登陆跳转router.push。最近碰到的需求是登录进入后,因为权限分配菜单问题，不同的身份账号登陆跳转不一样的页面，进入页面后默认跳转至后端返回的。回到在store里的permission.js文件。只要注释这行代码即可，不需要去研究其他方法！1.在permission.js 修改路由。觉得小编文章简单明了，可以三连哦！祝你陌生人，生活愉快，工作顺心！
vue同一浏览器登录不同账号，覆盖token的解决办法
cj505061767的博客
01-27 9730
同一个浏览器登录不同账号，感觉没什么问题，但是会有可能出现大问题，第二个登录的会把第一个登录的token覆盖掉，导致第二个登录用户会操作第一个登录者的某些数据，这里介绍一个解决办法。 1、登录窗口登录了A账户，再复制相同的url，登录B账户 针对简单的A登录，然后换B登录，只要登陆了就可以去任意跳转，简单处理，直接上代码 main.js outer.beforeEach((to,from,next) => { //这里是在所有路由跳转之前都会去执行以下操作 if(to.path == '.
vue-router权限控制实践与动态添加路由
在用户登录或权限变化时，根据用户的权限信息动态更新路由表。这个过程可以通过以下几个步骤完成： 1. 路由匹配判断： 在`src/router.js`中，创建vue-router实例，并定义默认的路由，如登录页和错误页面。然后，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值