Turn off every event on beforeDestroy

1 files changed, 8 insertions, 0 deletions

diff --git a/app/assets/javascripts/groups/index.js b/app/assets/javascripts/groups/index.js
index 7dcf5680d18..1ab565ccccb 100644
--- a/app/assets/javascripts/groups/index.js
+++ b/app/assets/javascripts/groups/index.js
@@ -1,6 +1,7 @@
 /* global Flash */
 
 import Vue from 'vue';
+import GroupsList from '~/groups_list';
 import GroupFilterableList from './groups_filterable_list';
 import GroupsComponent from './components/groups.vue';
 import GroupFolder from './components/group_folder.vue';
@@ -174,5 +175,12 @@ document.addEventListener('DOMContentLoaded', () => {
         })
         .catch(this.handleErrorResponse);
     },
+    beforeDestroy() {
+      eventHub.$off('fetchPage', this.fetchPage);
+      eventHub.$off('toggleSubGroups', this.toggleSubGroups);
+      eventHub.$off('leaveGroup', this.leaveGroup);
+      eventHub.$off('updateGroups', this.updateGroups);
+      eventHub.$off('updatePagination', this.updatePagination);
+    }
   });
 });