在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，事件捕获停止在触发事件的元素和事件冒泡（顾名思义，事件冒泡）从元素开始并在树中上升。

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

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