vue问题记录 created函数设置sessionStorage值不立即生效

问题：Vue中，经常会在created函数中初始化页面或修改参数。在鉴权校验失败跳转到登陆时，在登陆页面created函数中设置sessionStorage值时需要刷新页面才会生效。

解决方案：

1、在main.js中设置变量：

以下是借鉴大神的代码：

Vue.prototype.setSession= function (key, newVal) {
  if (key === 'xxxxx') {
    // 创建一个StorageEvent事件
    var newStorageEvent = document.createEvent('storageEvent');
    const storage = {
      setItem: function (k, val) {
        sessionStorage.setItem(k, val);
        // 初始化创建的事件
        newStorageEvent.initStorageEvent('setItem', false, false, k, null, val, null, null);
        // 派发对象
        window.dispatchEvent(newStorageEvent)
      }
    }
    return storage.setItem(key, newVal);
  }
}

 2、问题排查

首先先排除是否因为keep-alive页面第一次进入时，钩子函数的触发顺序created -> mounted -> activated，退出时触发