Lightning Web コンポーネントのイベントと関数のサンプル

2024年6月15日

環境
Salesforce

構文
HTML テンプレートは、静的 HTML バインドと似た方法でハンドラー関数を参照しますが、
実際には異なります。このテンプレートは JavaScript アーティファクトにコンパイルされるため、
静的に見えるバインドも実際には、フレームワークがコンポーネントのライフサイクルのいずれかの時点で
addEventListener を呼び出すために使用する単なる構文規則です。

イベントハンドラーのバインド

<lightning-input onchange={handleChange} label="Input text" value={text}>
</lightning-input>

イベントハンドラー

handleChange(event){
      this.text = event.target.value;
}