web-dev-qa-db-ja.com

bind-valueとbind-valueを使用する方法：カスタムコンポーネントのBlazorでのイベント

入力を使用しながらBlazorでは、

<input bind-value="@InputValue" bind-value:event="oninput"/>
 _

これにより、OnInputイベントで更新する2つの方法バインディングが作成されます。

カスタムイベントとカスタムプロパティを使用して、カスタムコンポーネントでこれを再作成したいと思います。

custominput.razor

<input value="@Value" oninput="@OnInput" />

@code {
   [Parameter]
   public string Value { get; set; }

   [Parameter]
   public EventCallback<ChangeEventArgs> OnInput { get; set; }
}
 _

私はこれをこのように使うことができたいです。

<CustomInput bind-Value="@InputValue" bind-Value:event="OnInput" />
 _

これは今のブラジャーに可能ですか？もしそうなら、どうやってそれを達成するのですか？

編集:

これに遭遇した人のために、それはそうであるようです。質問が尋ねられた後にその機能が追加されたかどうか、またはそれが常にその方法でうまくいった場合は確かないが、その上のコードはそのままで機能するはずです。従来、あなたのイベント名はValueChangedにする必要がありますが、入力内の別のイベント名を使用する理由がある場合oninputとonchangeその後、このフォーマットを使用できます。

asp.net-coreblazorblazor-server-side
5
dozieogbo

イベントパラメータをValueChangedと呼ぶ必要があります。

<input value="@Value" @oninput="ValueChanged" />

@code {
   [Parameter]
   public string Value { get; set; }

   [Parameter]
   public EventCallback<ChangeEventArgs> ValueChanged { get; set; }
}
 _

読み取り データバインディング 段落コンポーネントパラメータ

6
agua from mars