我想用Vue实现登陆成功后在导航栏的右上角显示用户信息该怎么做呢?

https://img.mukewang.com/5ca5693200011a1202040075.jpg

点击登录进入登录的界面,成功后会跳转至首页,这时候我想实现登录的这里显示用户信息以及注销功能,该怎么做呢?

慕妹3242003
浏览 5837回答 4
4回答

qq_笑_17

使用Vuex将登陆状态存储,在需要展示登陆信息的地方取出这个状态即可。但是仅仅这样,会遇到网页刷新后,这些状态全部丢失的问题。我的做法是将VueX的状态存储至sessionStorage,这样保证刷新页面不会丢失状态。

函数式编程

vuex配合本地存储吧

繁星淼淼

如果没有使用vuex的话 挂载全局变量存储用户信息 然后配合本地存储

慕仙森

这个地方有两个表现形式,而且涉及到的是登录状态,使用场景比较多,所以建议使用vuex读取缓存进行管理,只需要给个computed读取vuex来判断是不是已经登陆,是的话就显示不同的组件。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript