javascript - 子组件更新时的 StencilJS 事件

Question

如果我在 StencilJS 中有这样的东西。

<mycomponent>
   <my-other-compoent></my-other-compoennt>
</mycomponent>

我可以通知<mycompoent>吗任何子组件何时更新？

Answer 1

您可以使用@Event通知您<mycompoent>子组件中的某些内容发生了变化。

例如在您的子组件中创建一个类似

的事件

@Event({ bubbles: true, composed: true }) dataChanged: EventEmitter<boolean>;

当子组件中的某些内容发生更改时发出此事件

this.dataChanged.emit(true);

现在在你的父组件中监听你的 child 发出的事件例如在您的父组件中处理 Listenevnt

@Listen('dataChanged',{target: "body"})
    getChangedValue(event: CustomEvent) {
        if (event.detail) {
            let data = event.detail;
            // do something with your data
        }
    }