在 Polymer 2.0 中从父元素到子元素触发事件

Question

有人可以提供在 Polymer 2.o 自定义元素中从父级向子级发送事件的示例吗？

我试过以下方法：

<child-element> 
this.addEventListener('dbinit', this._evdbInitStatus);

和

<parent-element>
             this.dispatchEvent(new CustomEvent('dbinit', {detail: {kicked: true}}));

回调没有被调用。

Answer 1

这与 Polymer 本身并没有真正的关系，正如您在关于事件如何工作的文档中看到的那样，here，事件捕获在触发事件和事件冒泡的元素处停止（如名称建议，事件冒泡）从元素开始并在树中上升。

因此，换句话说，父元素触发的事件不会被子元素捕获。您将需要使用数据绑定来向下传递数据。

为了保持一致、可预测的数据流，一般来说，数据通过数据绑定向下传输并通过事件向上传输会更好。

Firing an event from parent to child element in Polymer 2.0