在man.js中

// 实施监听本地
Vue.prototype.resetSetItem = function (key, newVal) {
  // 创建一个StorageEvent事件
  var newStorageEvent = document.createEvent('StorageEvent');
  const storage = {
    setItem: function (k, val) {
      localStorage.setItem(k, val);
      // 初始化创建的事件
      newStorageEvent.initStorageEvent('setItem', false, false, k, null, val, null, null);

      // 派发对象
      window.dispatchEvent(newStorageEvent)
    }
  }
  return storage.setItem(key, newVal);
}

做修改

this.resetSetItem('userInfo', JSON.stringify(userInfo));

在create钩子函数中

   window.addEventListener("setItem", (e) => {
      this.userInfo= localStorage.getItem("userInfo")
    });

sessionStorage同样也可以,修改一下就可以了

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐