在setTimeout内的全局总线上$ $发出无响应的页面

时间:2017-09-26 12:21:46

标签: javascript vue.js

我在Vue2上有一个全局事件总线。该事件由子组件捕获,它显示一个引导弹出模式对话框。

的Emit:

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');
},

显示对话框后,我收到了#34;无响应的页面"有时发生的警报(不可重复)。

$ nextTick中是否应该调用$ emit?可能是什么问题?

1 个答案:

答案 0 :(得分:0)

我要感谢每一条评论。它与Vue.JS或Javascript无关。问题出在我正在使用的另一个库挂起页面,因为它在对话框关闭时被调度。