setTimeout内でグローバルバスに$を出して応答しないページ

Question

私はVue2にグローバルイベントバスを持っています。イベントは子コンポーネントによってキャッチされ、ブートストラップポップアップモーダルダイアログが表示されます。

エミット：

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

子コンポーネントのイベントリスナーは次のようになります。私は時々起こる「応答のないページ」警告（その再現性のないを取得していダイアログを表示した後

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

）。

$ nextTickの中で$ emitを呼び出す必要がありますか？何が問題なの？

Answer 1

すべてのコメントに感謝します。 Vue.JSやJavascriptとは何の関係もありませんでした。問題は、私が使用していた別のライブラリで、ダイアログが閉じられたときにディスパッチされたため、ページをハングしていたことでした。