Vlocity Lightning Web コンポーネントの拡張 (管理パッケージ)

このコード例では、カスタム Lightning Web コンポーネントがボタン Lightning Web コンポーネントを拡張しています。コード例の NS 変数を、使用している Vlocity パッケージの名前空間に置き換えます。

//.js

import Button from "NS/button";

export default class buttonExtended extends Button {  
//override the property here so it gets triggered

    onclickbutton() {    
    this.label = "Button clicked";  

}}

//.js-meta.xml

<?xml version="1.0" encoding="UTF-8"?><LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>45.0</apiVersion>    
    <isExposed>true</isExposed>    
    <masterLabel>button_extended</masterLabel>    
    <description>Button extended</description>    
    <targets>      
        <target>lightning__RecordPage</target>      
        <target>lightning__AppPage</target>      
        <target>lightning__HomePage</target>  
    </targets>
    <runtimeNamespace>NS</runtimeNamespace>
</LightningComponentBundle>

//.html

<template>
//add HTML here to override the template layout
</template>

//_slds.css

//add CSS to override or append the SLDS theme css
.slds-button {
    background: #cccccc;
    border-color: #dddddd;
}

パッケージの外部で作成されたカスタム Lightning Web コンポーネントでは、Salesforce リソースを使用する Salesforce Lightning Web コンポーネントや、実行時にコンポーネントに影響する Salesforce Lightning Web コンポーネントは使用できません。詳細は、「Salesforce モジュール」を参照してください。

カスタム Lightning Web コンポーネントは、デバッグ モードが有効になっていない限りエラーをスローしません。詳細は、「 Debug Lightning Web Components 」を参照してください。