Propagation Config 2: bubbles:true, composed:false

DEX475 - Communicate with Events

📄 第 267 页 🎬 视频课程

课程章节介绍

同学们,今天我们来看一下 Lightning Web Components 里事件冒泡的一种常见配置,也就是 ,bubbles 设为 true,但 composed 设为 false, 的情况。 先别被参数吓到,我们可以把它想象成“在房间里喊话”。,bubbles: true, 表示这个事件会向上冒泡,就像声音在房间里能传开;而 ,composed: false, 就好比房间的墙是完全隔音的,声音到墙边就停了,外面的父组件根本听不到。 具体来说,当一个事件在组件的影子 DOM 树内部触发时,它会沿着这个树一直向上冒泡,直到碰到影子边界——也就是自己这个组件的“墙”。然后它就停在那里,不会跑到外层的父组件那里去。 举个具体的例子:假设我们有一个 `c-child` 组件,它模板里有个 `
` 包裹了一些内容。事件在某个子元素

关键词

LWC Lightning Web Components Salesforce