记录更新localStorage数据

76 阅读1分钟

进行更新操作时候:

// 最新数据data
  localStorage.setItem("typeList", JSON.stringify(data));
  window.dispatchEvent(
    new CustomEvent("storage", {
      detail: data
    })
  );

监听更新

mounted() {
    this.typeList = JSON.parse(localStorage.getItem("typeList"));
    window.addEventListener("storage", this.handleStorageChange);
},
methods: {
    handleStorageChange(event) {
      this.typeList = event.detail;
    },
    ...
},
beforeDestroy() {
    // 在组件销毁前移除事件监听
    window.removeEventListener("storage", this.handleStorageChange);
},