this.$router.push({ path: '/'})无刷新效果

回答3

• 
  @osmcc

  localStorage确实要刷新后才能获取到最新的。
  localStorage在vue中使用场景是刷新后vuex数据初始化，是防止刷新后vuex数据清空的。

  你可以这样用：

  this.api.login((res)=>{
      //登录成功后
      window.localStorage.setItem('userInfo',res.data.userInfo);
  
  })
  

  vuex:

  state:{
      userInfo:window.localStorage.getItem('userInfo')
  }

  支持 0 反对 0 举报

  2021-11-28 09:03

• 
  
  @520tunana

  得看看你代码怎么写的了。

  一般不要把用户信息放在localStorage,而是只放一个token,打开页面的时候请求信息，放到vuex，vuex是响应式的，这样比较好一点。
  用户信息放localStorage其实是不可靠的，因为都是明文，在前端可以随意修改。

  支持 0 反对 0 举报

  2021-11-28 09:11

• 
  
  @baby777

  vuex也存了全局的，目前只是做的一个显示用户信息，this.$router.push用这个从A页面登录成功后到B页面，B页面左上角用户信息未显示，但是刷新后才显示。

  主页，头部页面，左上角信息显示调用的VUEX中的用户信息

  支持 0 反对 0 举报

  2021-11-28 09:57