解决vue 栏目权限管理，第一次跳转路由守卫拿不到值，需要手动刷新一下才能拿到值才有栏目的问题

哈萨黑

于 2020-10-24 23:34:08 发布

阅读量1.8k

点赞数

分类专栏： vue 文章标签： 1024程序员节 vue

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

本文链接：https://blog.youkuaiyun.com/qq_44121273/article/details/109267679

版权

在前端开发中，遇到Vue权限管理时，首次跳转路由守卫无法获取到登录方法中设置的栏目权限信息，需要手动刷新页面才能生效。问题在于使用context.dispatch嵌套调用其他方法，尽管这些方法内部有await，但并未等待其完成。解决方案是直接在login方法中使用await请求接口，确保接口返回后再进行后续操作，避免路由守卫在值未准备好时触发。

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

前端小白，今天弄一个vue的权限管理，期间，路由守卫中拿不到方法调用的数据，原因是我的login方法中用的context.dispath调用另外两个方法

在这里插入图片描述

小白我的解决方法
注释掉context.dispatch调用，在此处用 await 直接请求接口
后面这些是我的解决思路，大忙人可以忽略了

这里调用login方法实现登录
在这里插入图片描述按道理前面已经设置了 localStore 和 vuex了
路由中获取代码两种都获取不到我要的角色信息
也不清楚是为什么，查了一下async 和awai

最低0.47元/天解锁文章

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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