您好,欢迎访问代理记账网站
移动应用 微信公众号 联系我们

咨询热线 -

电话 15988168888

联系客服
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

vue中有些时候需要存cookie然后改变了要监听

main.js
 

// 自定义监听sessionStorage的方法
Vue.prototype.$addStorageEvent = function (type, key, data) {
  if (type === 'setItem') {  //type为setItem时执行下面的方法
    // 创建一个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, data);
  } 
}


// 存值
 

this.$addStorageEvent(
        "setItem",
        "watchStorage",
        JSON.stringify(this.isMoreExpand)
      );


// 监听取值
 

window.addEventListener("setItem", () => {
      let skin = JSON.parse(sessionStorage.getItem("watchStorage"));
    
      }, 500);


分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进