修改座位号的传值问题实例，vuex结合localStorage传值

最新推荐文章于 2022-06-27 11:52:09 发布

宝儿的程序生涯

最新推荐文章于 2022-06-27 11:52:09 发布

阅读量1.2k

点赞数

分类专栏：常见问题总结

本文链接：https://blog.csdn.net/fengtingyan/article/details/108520450

版权

本文讲述了在Vue项目中遇到的座位号传递问题，包括使用localstorage获取登录信息后，修改个人中心座位号无法全局更新的问题。通过引入Vuex解决繁琐的组件间传值，并讨论了Vuex在页面刷新后数据丢失的问题。解决方案是将Vuex状态同时存储到localstorage，确保数据在刷新后仍能保留。文中还分享了项目中涉及的login.vue、Main.vue、Upgrade.vue、UpgradeAlert.vue等组件的修改细节，并提到了Vuex与localstorage、sessionstorage的区别。

摘要由CSDN通过智能技术生成

在这里插入图片描述

问题一：我这个返回有点问题，应该怎样改呢

返回部分的方法截图
在这里插入图片描述
这样修改：加了一个判断，让它在路由是/account_center的时候
返回都返回到/main，这样就没有问题了

back: function () {
   
  let _self = this
  if (this.$route.path.toLowerCase() === '/opinion' || this.$route.path.toLowerCase() === '/Opinion') {
   
    _self.$parent.$parent.back2()
  } else if(this.$route.path === '/account_center' ){
   
    this.$router.push('/main')
  } else {
   
    this.$router.go(-1) // 返回上一层
  }
},