Configuring Bubbles and Composed

DEX602 - Unit 2 Introducing Lightning Web Components

📄 第 201 页 🎬 视频课程

课程章节介绍

今天我们来聊聊Salesforce Lightning Web Components(LWC)中的事件配置,特别是关于“气泡”和“合成”这两个概念。 首先,我们有两个主要的事件配置选项:假事件和合成事件。假事件是你的首选,因为它们对系统的影响最小。这些事件不会通过DOM(文档对象模型)冒泡,也不会跨越阴影边界。这意味着它们只在触发它们的组件内部有效,不会影响到其他组件。在我们的例子中,StudentBrowserForm组件触发了一个名为‘filterchange’的定制事件,我们就使用了这种配置。 接下来,我们来看看“气泡:真”和“合成:真”的配置。这种配置下,事件会在整个DOM树上冒泡,跨越阴影边界,并且会传递给父组件,除非你明确地阻止它。这种事件类型会成为组件公共API的一部分,也就是说,任何消费这个组件的其他组件及其所有祖先组件都会将这个事件作为它们API的一部分。这就像是一个很大的API合同,一旦签署,就意味着你承诺了这个事件类型是全局唯一的。 如果你不想使用“气泡:真”和“合成:真”的配置,你还可以选择捕获并重新激发事件。这种方法虽然不会在文档中明确提到,但它是一个有效的替代方案。 最后,如果你想了解更多关于LWC事件最佳实践的信息,可以访问Salesforce的官方文档,那里有详细的指导和示例。 希望这些信息对你有帮助,如果你有任何问题,随时欢迎提问!