Exposing Properties to App Builder

DEX602 - Unit 3 Surfacing Lightning Web Components

📄 第 218 页 🎬 视频课程

课程章节介绍

让我们来一步步理解这个过程。想象一下,你正在设计一个Salesforce Lightning组件,你希望这个组件在Lightning App Builder中可以被用户自定义配置。为了实现这一点,我们需要在组件的元数据文件中添加一些配置。 首先,我们需要确保组件是公开的,这样它才能在App Builder中被使用。这通过在元数据文件中设置``标签为`True`来实现。 接下来,我们需要定义组件的目标。在这个例子中,我们的目标是`Lightning__AppPage`,这意味着这个组件可以在Lightning App Builder的页面中使用。 然后,我们进入``部分,这里我们定义了具体的配置选项。每个配置选项都是一个``标签,它允许我们在设计时为组件添加可配置的属性。在这个例子中,我们有两个属性: 1. `listView`:这是一个字符串类型的属性,允许用户在“可见”和“隐藏”之间切换列表视图。 2. `markersTitle`:这也是一个字符串类型的属性,允许用户自定义列表的标题,这个标题会在列表视图可见时显示。 为了让这些属性在JavaScript代码中可用,我们需要使用`@api`装饰器来公开它们。这样,当我们在Lightning App Builder中配置这些属性时,它们就会在组件的JavaScript代码中生效。 总结一下,通过这种方式,我们可以让最终用户在Lightning App Builder中轻松地自定义组件的外观和行为,而无需编写任何代码。这不仅提高了组件的灵活性,也大大增强了用户体验。希望这个解释对你有帮助!如果有任何问题,随时提问。