聚合物 2 事件

【问题标题】：Polymer 2 events聚合物 2 事件
【发布时间】：2018-02-20 12:56:17
【问题描述】：

我正在将我的 Polymer 1.0 应用程序重写为 Polymer 2.0（和 TS），但遇到了问题。如何将事件从一个元素转移到另一个元素？我之前使用了iron-signal，现在我尝试使用CustomEvent，但是由于ShadowDOM 事件没有到达元素。

元素的层次结构大致如下：

1 {2 {3 {4}}}}.

我需要从element 1 向element 4 抛出一个事件，在另一种情况下，反之亦然。

我该怎么做？只能通过window.AddEventListener？

【问题讨论】：

【解决方案1】：

默认情况下，自定义事件在 shadow DOM 边界处停止。要使自定义事件通过 shadow DOM 边界，请在创建事件时将 composed 标志设置为 true：

var event = new CustomEvent('my-event', {bubbles: true, composed: true});

【讨论】：