在 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 本身并没有真正的关系，正如您在有关事件如何工作的文档中所看到的那样，在这里，事件捕获停止在触发事件的元素处，事件冒泡(顾名思义，事件冒泡(从元素开始并在树中上升。

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

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