vue 监听sessionStorage存值的变化

在main.js进行路由监听，点击其他页面如果是未登录得状态，弹出登录页面

main.js

import { resetSetItem} from "@/utils/watchsessionStorage";
//路由拦截

router.beforeEach((to, from, next) => {
  if (to.meta.requireAuth) {  // 判断该路由是否需要登录权限
    // console.log(to.meta.requireAuth);
    // console.log(sessionStorage.getItem('token'));
    if (sessionStorage.getItem('token')) { // 判断是否已经登录
      next()
    }else {
      console.log('---------main.js');
      //调用方法resetSetItem等同于sessionStorage.setItem('dialogLogin',true)
      resetSetItem('dialogLogin', true);

      // ElementUI.Message({
      //   message: "请先登录",
      //   type: "warning",
      //   duration: 5000,
      //   showClose: true,
      // });
      next({path: '/'})
    }
  }
  else {
    next()
  }  
})

watchsessionStorage.js

export function reset