github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-14 17:05:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

unobserve if component unmounts

Browse Source
This commit is contained in:
Peter Olu 2022-04-24 05:24:11 +01:00
parent 29b5a8fd97
commit a082fce977
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/dashboard/controls/Tab.vue
View File

@ -205,7 +205,7 @@ export default defineComponent({
document?.getElementById(`tabitem${e}`)?.scrollIntoView();
}
function observeItems() {
function observeItems(kill = false) {
const observer = new IntersectionObserver((entries) => {
entries.forEach(
(element) => {
@ -224,6 +224,11 @@ export default defineComponent({
document.querySelectorAll(".tabitem").forEach((element) => {
observer.observe(element);
});
if (kill) {
document.querySelectorAll(".tabitem").forEach((element) => {
observer.unobserve(element);
});
}
}
watch(
@ -319,7 +324,7 @@ export default defineComponent({
}
});
onBeforeUnmount(() => {
observeItems.unobserve();
observeItems(true);
});
return {
currentItem,