🩹 Stop status-check when Item is destroyed

Lissy93 · Jun 26, 2022 · 736f0e9 · 736f0e9
1 parent f9195ac
commit 736f0e9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/LinkItems/Item.vue b/src/components/LinkItems/Item.vue
@@ -175,9 +175,13 @@ export default {
  if (this.enableStatusCheck) this.checkWebsiteStatus();
  // If continious status checking is enabled, then start ever-lasting loop
  if (this.statusCheckInterval > 0) {
- setInterval(this.checkWebsiteStatus, this.statusCheckInterval * 1000);
+ this.intervalId = setInterval(this.checkWebsiteStatus, this.statusCheckInterval * 1000);
  }
  },
+ beforeDestroy() {
+ // Stop periodic status-check when item is destroyed (e.g. navigating in multi-page setup)
+ if (this.intervalId) clearInterval(this.intervalId);
+ },
 };
 </script>
 

diff --git a/src/mixins/ItemMixin.js b/src/mixins/ItemMixin.js
@@ -22,6 +22,7 @@ export default {
  return {
  statusResponse: undefined,
  contextMenuOpen: false,
+ intervalId: undefined, // status-check setInterval() id
  contextPos: {
  posX: undefined,
  posY: undefined,