Lightning Web コンポーネントのイベントと関数のサンプル
環境
Salesforce
構文
HTML テンプレートは、静的 HTML バインドと似た方法でハンドラー関数を参照しますが、
実際には異なります。このテンプレートは JavaScript アーティファクトにコンパイルされるため、
静的に見えるバインドも実際には、フレームワークがコンポーネントのライフサイクルのいずれかの時点で
addEventListener を呼び出すために使用する単なる構文規則です。
イベントハンドラーのバインド
<lightning-input onchange={handleChange} label="Input text" value={text}>
</lightning-input>
<lightning-input onchange={handleChange} label="Input text" value={text}>
</lightning-input>
<lightning-input onchange={handleChange} label="Input text" value={text}>
</lightning-input>
イベントハンドラー
handleChange(event){
this.text = event.target.value;
}
handleChange(event){
this.text = event.target.value;
}
handleChange(event){
this.text = event.target.value;
}