进行更新操作时候:
// 最新数据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);
},