Blazor父子组件：绑定值同时触发父组件代码的更优方案？

你当前的实现多了一个冗余的回调参数，而且子组件需要调用两次InvokeAsync，其实有两种更简洁的优化方案，完全可以避免这种重复操作：

方案一：利用父组件属性的Setter处理逻辑 #

把值变化后的业务逻辑直接放在父组件绑定属性的Setter中，这样当子组件更新绑定值时，自动触发逻辑执行，不需要额外定义回调参数。

修改后的父组件代码 #

@page "/"

<PageTitle>Home</PageTitle>

<h1>Hello, world!</h1>

<Test @bind-BitValue="MyValue" />

Welcome to your new app.

<br />
MyValue : <span>@MyValue</span> <br />
MyTValue : <span>@MyTValue</span>


@code {
    private int _myValue;
    public int MyValue 
    { 
        get => _myValue;
        set
        {
            if (_myValue != value)
            {
                _myValue = value;
                // 值更新时直接执行逻辑
                MyTValue = _myValue * 2;
            }
        }
    }

    public int MyTValue { get; set; } = 0;
}

简化后的子组件代码 #

<h3>Test</h3>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>


@code {
    [Parameter]
    public int BitValue { get; set; }

    [Parameter]
    public EventCallback<int> BitValueChanged { get; set; }

    private async Task IncrementCount()
    {
        var newValue = BitValue + 1;
        await BitValueChanged.InvokeAsync(newValue);
    }
}

这种方式完全遵循Blazor双向绑定的设计，子组件只需要维护标准的绑定参数，父组件通过属性Setter自动处理值变化逻辑，代码更简洁。

方案二：直接复用双向绑定的Changed事件 #

Blazor的@bind-*是语法糖，本质上是绑定属性+对应的*Changed事件。你可以直接指定这个事件到父组件的处理方法，Blazor会自动更新绑定值，同时执行你的逻辑，不需要额外定义回调参数。

修改后的父组件代码 #

@page "/"

<PageTitle>Home</PageTitle>

<h1>Hello, world!</h1>

<!-- 直接绑定并指定Changed事件，Blazor会自动更新MyValue并执行处理方法 -->
<Test @bind-BitValue="MyValue" BitValueChanged="HandleMyValueChanged" />

Welcome to your new app.

<br />
MyValue : <span>@MyValue</span> <br />
MyTValue : <span>@MyTValue</span>


@code {
    public int MyValue { get; set; }

    public int MyTValue { get; set; } = 0;

    private void HandleMyValueChanged(int newValue)
    {
        MyTValue = newValue * 2;
    }
}

子组件代码同方案一的简化版 #

子组件仍然只需要保留BitValue和BitValueChanged两个参数，IncrementCount方法只调用一次InvokeAsync即可。

总结 #

这两种方案都能避免子组件重复调用InvokeAsync，减少冗余代码，同时更符合Blazor组件通信的设计规范。你可以根据实际场景选择：如果逻辑和属性本身强关联，优先用Setter方案；如果逻辑需要单独抽离成方法，用Changed事件方案更合适。

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