Stop receiving events from destroyed child component

Question

I have a parent where I can dynamically add child components into.

When child component is added in mount I register a listener for an event

EventBus.$on         


        

Answer 1

I would imagine that you are rendering the components with some kind of loop that gives them some sort of index. Just off the top of my head, what you could do is push the index to an array and then in your eventBus.$on function you would test to see if the index of that component exists in the array(on the parent component) and fire the logic if it doesn't.

EventBus.$emit('content-type-saving', index);

EventBus.$on('content-type-saving', function(index) {
    if(this.deletedComponentArray.indexOf(index) == -1){
        //execute logic
    }
}

that's just one way to skin a cat. I'm sure there are other ways of doing it as well.