events - 为什么 InputText 的 onChange 事件不会在 Blazor 中触发？

Question

我在 blazor 组件中有以下 Razor 标记:

<div class="form-group row">
    <label for="name">Contact: </label>
    <InputText id="name" @bind-Value="Contact.Name" @onchange="NameChanged"></InputText>
</div>

当我修改表单上的联系人姓名并脱离控制时， NameChange方法永远不会被调用。为了获得 onChange，我还需要做些什么吗？要触发的事件？

Answer 1

你不能做@bind-value和 @onchange因为双向绑定(bind)订阅 onchange事件。
但是你可以手动完成:

<div class="form-group row">
    <label for="name">Contact: </label>
    <InputText id="name" Value="@Contact.Name" ValueChanged="NameChanged" ValueExpression="() => Contact.Name" ></InputText>
</div>

@code {
    private void NameChanged(string value)
    {
        Contact.Name = value;
    }
}