Blazor中绑定完成后如何执行额外操作？

我懂你现在的困扰——想在Blazor的绑定真正完成后再执行SetNewValue，但onchange和onkeyup要么和@bind冲突，要么执行时机不对。下面给你几个靠谱的解决方案：

方法一：使用@bind:get和@bind:set（推荐，.NET 6+支持） #

这是最直接的方式，把绑定的读取和写入拆分开，在写入回调里先完成绑定，再执行你的操作：

<input type="text" @bind:get="@Model.Value" @bind:set="UpdateValueAndTriggerAction" /> 
<h2>@Value2</h2> 

@code {
    // 处理值更新+触发后续操作
    private void UpdateValueAndTriggerAction(string newValue)
    {
        // 先完成Model的绑定更新
        Model.Value = newValue;
        // 绑定完成后执行你的逻辑
        SetNewValue();
    }

    void SetNewValue() 
    { 
        Value2 = $"New value {this.Model.Value} added on {DateTime.Now}"; 
    } 

    string Value2 { get; set; }

    // 示例Model，根据你的实际情况调整
    public MyModel Model { get; set; } = new MyModel();

    public class MyModel
    {
        public string Value { get; set; }
    }
}

这种方式完全由你控制绑定的时机和后续操作，不会和内置的绑定逻辑冲突。

方法二：利用EditContext的FieldChanged事件（适合表单场景） #

如果你的输入框是在EditForm里，可以通过监听字段变化事件来触发操作，确保是绑定完成后执行：

<EditForm Model="@Model">
    <InputText @bind-Value="@Model.Value" />
</EditForm>
<h2>@Value2</h2>

@code {
    private EditContext _editContext;

    protected override void OnInitialized()
    {
        _editContext = new EditContext(Model);
        // 监听字段变化事件
        _editContext.FieldChanged += OnFieldChanged;
        base.OnInitialized();
    }

    private void OnFieldChanged(object sender, FieldChangedEventArgs e)
    {
        // 只处理我们关心的字段
        if (e.FieldIdentifier.FieldName == nameof(Model.Value))
        {
            SetNewValue();
        }
    }

    // 其他代码和方法一一致...
}

这个方法适合多字段的表单场景，能统一处理多个字段的变化回调。

补充说明：关于Blazor的焦点事件 #

其实Blazor是支持失去焦点事件的（@onblur），不过如果用默认的@bind，它本身就是在onchange（输入框失去焦点且值变化时）触发绑定的。但直接混用@bind和@onblur可能会导致逻辑顺序问题，所以还是上面两种方法更可靠。

内容的提问来源于stack exchange，提问作者mko