javascript - 更新子组件时的 StencilJS 事件
问题描述
如果我在 StencilJS 中有这样的东西。
<mycomponent>
<my-other-compoent></my-other-compoennt>
</mycomponent>
<mycompoent>
当任何子组件更新时,我可以通知吗?
解决方案
您可以使用@Event
通知您<mycompoent>
子组件中的某些内容发生了变化。
例如,在您的子组件中创建一个事件,例如
@Event({ bubbles: true, composed: true }) dataChanged: EventEmitter<boolean>;
并在子组件中发生更改时发出此事件
this.dataChanged.emit(true);
现在在您的父组件中侦听您的孩子发出的事件例如在您的父组件中处理 Listenevnt
@Listen('dataChanged',{target: "body"})
getChangedValue(event: CustomEvent) {
if (event.detail) {
let data = event.detail;
// do something with your data
}
}
推荐阅读
- r - networkD3 中的 LinkColor 图例
- javascript - Spring MVC中的Ajax POST FormData抛出异常
- c++ - 在内部类中使用私有变量
- regex - 正则表达式:在两个太长的字符串之间查找空间
- c# - 如何在单元格网格中显示不同的文本
- ruby-on-rails - ActiveRecord 产生双重消息
- python - Python|数据聚合| 多个 Excel 文件
- python - ValueError: X.shape[1] = 2 应该等于 13,训练时的特征数
- r - Pathview R:将已知转录本映射到代表 FoldChange 的 KEGG 通路图
- java - 通过前缀获取 application.properties 的子集