Invoking Lightning Web Components from Aura

DEX602 - Unit 3 Surfacing Lightning Web Components

📄 第 248 页 🎬 视频课程

课程章节介绍

让我们来聊聊如何在Aura组件中重新启动一个Lightning Web组件(LWC),并且传递当前显示的记录的ID。 首先,我们知道Aura和LWC是Salesforce中两种不同的组件框架。Aura是较早的框架,而LWC是较新的、更现代的框架。尽管LWC在很多方面更强大,但有时候我们仍然需要在Aura组件中使用LWC。 在这个例子中,我们有一个Aura组件,它实现了`lightning:actionOverride`和`force:hasRecordId`接口。这意味着这个组件可以覆盖标准的操作,并且它可以访问当前显示的记录的ID。 在这个Aura组件中,我们想要嵌入一个LWC组件,叫做`courseAttendee`。我们想要把当前记录的ID传递给这个LWC组件。 在Aura中,我们使用``的语法来引用LWC组件。注意,这里的`c`代表的是命名空间,通常是你自定义组件的命名空间。 在这个例子中,我们使用``来引用LWC组件,并且通过`recordId="{!v.recordId}"`将当前记录的ID传递给它。这里的`{!v.recordId}`是Aura的表达式语法,表示从Aura组件的属性中获取`recordId`的值。 需要注意的是,当我们在Aura中引用LWC组件时,我们使用的是Aura的语法,而不是LWC的语法。在LWC中,我们通常会使用烤肉串命名法(kebab-case),比如``,但在Aura中,我们使用点号(dot notation),比如``。 总结一下,当你在Aura组件中嵌入LWC组件时,你需要使用Aura的语法来实例化LWC组件,并且通过Aura的表达式语法来传递属性。这样,你就可以在Aura组件中成功地使用LWC组件,并且传递必要的参数了。 希望这个解释对你有帮助!如果你有任何问题,随时问我。