vue同一个浏览器登录不同账号数据覆盖问题解决方案

 mounted() {
    window.addEventListener('storage', () => this.checkNameExpired());
  },
  destroyed() {
    window.removeEventListener("storage", () => this.checkNameExpired());
  },
  methods: {
    checkNameExpired() {
      let newUser = localStorage.getItem('newUserName')
      let user = sessionStorage.getItem('userName')
      //旧和新用户账号都存在时才需要刷新，防止管理端页面也会刷新
      if (newUser && user && newUser != user) {
        console.log('页面刷新');  
        //页面刷新
        this.$router.go(0);
      }
    },

 checkNameExpired() {
      let newUser = localStorage.getItem('newUserName')
      let user = sessionStorage.getItem('userName')
      // 登录不同账号刷新后失效页面路由名称
      let routeName = [需要显示弹窗的路由名字数组]
      if (newUser && user && newUser != user) {
        console.log('页面刷新');  
        //如果是类似运单详情等页面，则弹窗提示跳转到首页
        if (routeName.includes(this.$route.name)) {
          this.$store.dispatch("updateIsChangeRouter", true);   
        }
        //页面刷新
        this.$router.go(0);
      }
    },

router.beforeEach((to, from, next) => {
  let routeName = [需要显示弹窗的路由名字数组]
  if (!routeName.includes(to.name)) {
    // 在路由切换时隐藏弹窗
    if (JSON.parse(sessionStorage.getItem('isShowChangeRouter')) == true) {
      store.dispatch("clearChangeRouter", false);
    }
  }
  next();
});