Blazor中InputSelect选项变更时触发函数失效问题求助

Blazor的@bind-Value是双向绑定的语法糖，它内部已自动生成onchange事件处理逻辑，用于将选中值同步到绑定变量rotar1中。手动添加@onchange属性会与内置逻辑冲突，导致自定义的HandleRotar1Change无法触发。

方案1：手动管理值与事件（兼容所有Blazor版本） #

移除@bind-Value，改用Value属性绑定当前值，在自定义onchange事件中同时更新变量和调用服务方法：

<InputSelect class="form-select" style="width:200px" Value="@rotar1" @onchange="HandleRotar1Change">
    <option value="0">RotarI</option>
    <option value="1">RotarII</option>
    <option value="2">RotarIII</option>
    <option value="3">RotarIV</option>
    <option value="4">RotarV</option>
</InputSelect>

修改处理函数，先更新rotar1再调用服务：

@code {
    int rotar1;
    
    protected override void OnInitialized()
    {
        rotar1 = enigmaService.GetSelectedRotar(0);
    }

    private void HandleRotar1Change(ChangeEventArgs e)
    {
        // 用TryParse避免无效值转换异常
        if (int.TryParse(e.Value?.ToString(), out int selectedValue))
        {
            rotar1 = selectedValue;
            enigmaService.SetRotar(0, selectedValue);
        }
    }
}

方案2：使用@bind-Value:after（Blazor 6.0+ 推荐） #

从Blazor 6.0开始，新增@bind-Value:after语法，允许在双向绑定完成后执行额外逻辑，无需手动处理值同步：

<InputSelect class="form-select" style="width:200px" @bind-Value="rotar1" @bind-Value:after="HandleRotar1Change">
    <option value="0">RotarI</option>
    <option value="1">RotarII</option>
    <option value="2">RotarIII</option>
    <option value="3">RotarIV</option>
    <option value="4">RotarV</option>
</InputSelect>

简化处理函数，此时rotar1已被自动更新：

@code {
    int rotar1;
    
    protected override void OnInitialized()
    {
        rotar1 = enigmaService.GetSelectedRotar(0);
    }

    private void HandleRotar1Change()
    {
        enigmaService.SetRotar(0, rotar1);
    }
}

• 优先使用int.TryParse替代Convert.ToInt32，避免意外值导致的转换异常。
• 若使用@bind-Value:after，需确保项目Blazor版本不低于6.0。

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