网站建设公司销售前景,南京江北建设有限公司,邢台123网,公司网站建设济宁首先我们假设#xff0c;这里的登录组件(register.vue)是App.vue组件的子组件#xff0c;是通过路由进入登录组件的。登录组件中用户点击登录后#xff0c;后台会传过来一个用户名#xff0c;我的App.vue组件中需要拿到这个用户名#xff0c;并将上面的“登录注册”字样变…首先我们假设这里的登录组件(register.vue)是App.vue组件的子组件是通过路由进入登录组件的。登录组件中用户点击登录后后台会传过来一个用户名我的App.vue组件中需要拿到这个用户名并将上面的“登录注册”字样变为“用户名”。为了保证用户刷新后用户名不会消失这里我用到了sessionStorage代码如下:register.vue中用户点击登录触发signIn方法{that.userName response.data.data.user.userName;that.userHead response.data.data.userHead;that.$emit(userSignIn,that.userName);}).catch(error {console.log(error);});}这里为了测试我直接mock的数据真实情况应该是this.$http.post这里的重点是那句向父组件(App.vue)传值App.vue代码HTMLApp.vue代码JSdata(){return{userName: sessionStorage.userName}},methods:{//子组件(register)将用户名传过来userSignIn(userName){sessionStorage.userName userName;this.userName sessionStorage.userName;}}}这样父组件就可以使用用户名保持了登录状态并且因为使用了sessionStorage刷新页面也可以保持。以上就是本文的全部内容希望对大家的学习有所帮助也希望大家多多支持编程之家。总结以上是编程之家为你收集整理的Vue中保存用户登录状态实例代码全部内容希望文章能够帮你解决Vue中保存用户登录状态实例代码所遇到的程序开发问题。如果觉得编程之家网站内容还不错欢迎将编程之家网站推荐给程序员好友。本图文内容来源于网友网络收集整理提供作为学习参考使用版权属于原作者。小编个人微信号 jb51ccc喜欢与人分享编程技术与工作经验欢迎加入编程之家官方交流群
