聚合物，阴影dom，事件和冒泡

Question

我有一个使用阴影dom (v1)的聚合物自定义元素，这个元素在另一个聚合物自定义元素中，也包装在阴影dom中。

在我的理解中，当最内部的元素引发一个事件时，最外层的元素(应用程序)应该能够侦听这些事件。这是不正确的吗？

我在一个app组件中的一个评论组件中有一个评级组件。评级组件抛出一个事件：

this.dispatchEvent(new CustomEvent('custom-event'), { bubbles:true, composed:true });

但是，app-component中的以下代码永远不会触发。

connectedCallback() { 
  super.connectedCallback();
  this.addEventListener('custom-event', () => { console.log('a');});
}

除非有人停止传播，否则我假设事件最终会沿着不同的阴影域一直冒泡到窗口，这是不是不正确？

感谢您的回答..

约翰。

Answer 1

找到它后，我将选项设置为dispatchEvent的参数，而不是将选项添加到CustomEvent。

因此，不是

this.dispatchEvent(new CustomEvent("event"), { options });

你必须这样做

this.dispatchEvent(new CustomEvent("event", { options }));