Visualforce 页面中的 <apex: includeLightning> 组件

2025 年 3 月 17 日 | 阅读 1 分钟

<apex: includeLightning> 是另一个重要的组件，用于从正确的 Salesforce 域中包含 Visualforce JavaScript 库 lightning.out.js 的 Lightning 组件。

<apex: includeLightning> 组件具有以下属性

1. id

id 是字符串类型的属性，即唯一的标识符，允许页面上的其他组件引用此组件。

语法

2. rendered

rendered 是一个布尔类型的属性，用于指定是否在页面上呈现此组件。布尔值 true 设置为此属性的默认值。

语法

让我们举个例子来了解如何在 VF 页面上使用 <apex: includeLightning>

ComponentAppToInclude.app

<!-- create a lightning app with global access that extends lightning outApp-->
<aura:application access="GLOBAL" extends="ltng:outApp"> 
    <aura: dependency resource="lightning: button"/>
</aura: application>

ApexIncludeLightningExample.vfp

<!-- Apex page to understand use of the <apex: includeLightning-->
<apex: page>
    <apex: includeLightning />

    <div id="lightning" />
	
    <!-- use script tags to write the code for creating a lightning component in the lightning application-->
    <script>
        $Lightning.use("c:ComponentAppToInclude", function() {
          $Lightning.createComponent("lightning:button",
              { label : "Press Me!",
              	variant: "brand"
              },
              "lightning",
              function(cmp) {
                console.log("button was created");
                // do some stuff
              }
          );
        });
    </script>
</apex: page>

输出