vuex结合sessioStorage存储用户信息

登录状态保存

应用场景,一般用户登录之后会从登录注册变成欢迎你,用户名这里用个v-if就可以了,不说这个,这个用sessionStorage可以存储,如果不用vuex的话直接在登录组件中点击登录方法之后
sessionStorage.setItem(“user”, “res.data.user”);
在需要使用的地方sessionStorage.getItem(“lastname”);就可以了,
vuex内保存sessionStorage先说一下流程
1)在登录界面中

		接收后台传过来的数据并赋值
		var user_msg=res.data.user; 
		//调用gologin 去改变store中的数据,调用gologin方法,commit提交
		 this.$Store.commit('gologin',user_msg)

2)在stour的index.js中写了俩个对象,一个用来存user,一个用来存session,

      //在gologin方法中赋值的同时定义数据的时候也需要赋值一次session,不然会导致刷新网页之后你的session存在但是不会显示出来,
      user_session:sessionStorage.getItem("user"),
	  user:'',
 需要一提的是sessionStorage只能存字符串,像对象之类的复杂数据需要用JSON对象的stringify和parse来处理,在这里我把对象用stringify序列化成string类型的字符串,之后用的时候会再进行处理
 

mutations :{
	  //登录改变user状态
	gologin
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值