第二次点击后道具不影响孩子

我写了一个简单的应用程序 https://jsfiddle.net/9tvekf26/ 子组件获取 props: ['isActive'], 更改其值以使模式窗口可见:

data: function()
{
  return {
    isActive: this.isActive // value from props
  }
},

在 closeModalWindow 我正在更改标志并向家长发送消息:

  closeModalWindow: function()
  {
    this.isActive = false;
    bus.$emit('my-event', this.isActive)
    console.log("Children Window closed: ", this.isActive)
  },  

在父级中,我正在收听消息并更改其状态:

  mounted () {
    bus.$on('my-event', function (isActive) 
    {
      this.isActive = isActive
      console.log("Parent listened: ", this.isActive)
    });
  }

模式窗口首次出现后应用程序停止工作的问题。