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