$ emit auf globalen bus innerhalb setTimeout nicht reagierende Seite

Question

Ich habe einen globalen Eventbus auf Vue2. Das Ereignis wird von einer untergeordneten Komponente erfasst und zeigt einen modalen Bootstrap-Popup-Dialog.

Emit:

mounted: function() { 
    setTimeout(() => { 
     this.showInfoDialog(); 
    }, 3000); 
}, 
... 
showInfoDialog: function() { 
     eventBus.$emit('showInfoDialog'); 
     this.infoDialogDisplayed = true; 
} 

Die Ereignis-Listener auf untergeordnete Komponente wie folgt aussehen:

created: function() { 
    eventBus.$on('showInfoDialog', this.onShowDialog); 
}, 
... 
onShowDialog: function() { 
    $('#info-modal').modal('show'); 
}, 

Nach dem Dialog zeigt ich eine "Unresponsive Seite" alert bin immer die manchmal passiert (es ist nicht wiederholbar).

Soll der $ emit in einem $ nextTick aufgerufen werden? Was könnte das Problem sein?

Answer 1

Ich möchte jedem Kommentar danken. Es hatte nichts mit Vue.JS oder Javascript zu tun. Das Problem war mit einer anderen Bibliothek, die ich verwendete, die die Seite hängte, weil sie gesendet wurde, als der Dialog geschlossen wurde.