![](/img/trans.png)
[英]Riot.js - Accessing context of tag elements to hide/show that element
[英]riot.js: Listen for events of another element
假设我有两个自定义元素:a和b。 a包含可以单击的另一个元素,我想在发生这种情况时触发自定义事件。 然后应该通过元素b捕获该自定义事件。
我可以在元素a中使用this.trigger,但是元素b中的this.on不会捕获事件(这似乎是合乎逻辑的,因为它没有在b上触发)。
那么:我可以检索元素b中的元素a来执行元素b中的“elementA.on()”吗?
基本上,我想要像RiotControl这样的功能,但是没有存储数据,因为我只是想在我的用例中触发一个模态而不存储任何东西。
我可能会回到jQuery并触发并监听文档上的事件,但这真的是一个好方法吗?
您可以创建共享的可观察对象,例如:
var eventBus = riot.observable();
挂载元素时,可以将其作为选项传递:
riot.mount('elementa', { eventBus: eventBus })
riot.mount('elementb', { eventBus: eventBus })
然后他们可以在同一个观察者上听和触发:
this.opts.eventBus.trigger('openModal', ...maybeSomeOptions);
this.opts.eventBus.on('openModal', function(...maybeSomeOptions) {});
免责声明:riotjs对我来说是新手
我解决这个问题的方法是使用mixin自动将相同的Observable包含在多个标签中。
// mixins.js
let ObservableMixin = {
observable: riot.observable()
};
然后在我希望共享observable存在的任何.tag文件中,我只是打电话。
// Any .tag file
this.mixin(ObservableMixin);
...
this.observable.trigger('eventName', { optional: options });
有关mixins的更多信息,请查看: Riot Mixins
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.