如何发出对marko.js中的其他同级组件可见的事件?

时间:2018-10-01 06:23:59

标签: javascript node.js marko

我想创建一个全局组件来处理页面上的警报框和通知。触发器将在其他同级组件中

<body>
  <alerts/>
  <component1 />
  <component2/>
</body>

alerts.marko的代码如下:

class {
  onMount() {
    this.subscribeTo(document).on('alert', this.handleAlert)
  }

  handleAlert() {
    // do some animations, make it visible 
  }
}

同级组件component1.marko的代码

class {
  doSomething() {
    // do some async operation
    this.emit('alert', alertData);
  }
}

问题在于此想法行不通,当component1alerts组件的子代并使用on-[event]()结构时,它可以正常工作。

  

如何在marko.js中实现它?

0 个答案:

没有答案