FE/mind-map
1
0
Fork 0
mirror of https://github.com/wanglin2/mind-map.git synced 2026-02-17 22:08:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化 地图组件卸载的时候把相关事件移除

Browse Source
This commit is contained in:
liuzhanghao
2022-10-14 18:11:57 +08:00
parent 35d6297b72
commit 5265ceb803
1 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
web/src/pages/Edit/components/Navigator.vue
View File

@@ -45,16 +45,28 @@ export default {
};
},
mounted() {
this.$bus.$on("toggle_mini_map", (show) => {
this.$bus.$on("toggle_mini_map", this.toggle_mini_map);
this.$bus.$on("data_change", this.data_change);
this.$bus.$on("view_data_change", this.view_data_change);
},
destroyed() {
this.$bus.$off("toggle_mini_map", this.toggle_mini_map);
this.$bus.$off("data_change", this.data_change);
this.$bus.$off("view_data_change", this.view_data_change);
},
methods: {
toggle_mini_map(show) {
this.showMiniMap = show;
this.$nextTick(() => {
if (show) {
if (this.$refs.navigatorBox) {
this.init();
}
if (this.$refs.svgBox) {
this.drawMiniMap();
}
});
});
this.$bus.$on("data_change", () => {
},
data_change() {
if (!this.showMiniMap) {
return;
}
@@ -62,8 +74,8 @@ export default {
this.timer = setTimeout(() => {
this.drawMiniMap();
}, 500);
});
this.$bus.$on("view_data_change", () => {
},
view_data_change() {
if (!this.showMiniMap) {
return;
}
@@ -71,9 +83,7 @@ export default {
this.timer = setTimeout(() => {
this.drawMiniMap();
}, 500);
});
},
methods: {
},
init() {
let { width, height } = this.$refs.navigatorBox.getBoundingClientRect();
this.boxWidth = width;