Blazor中如何将@bind-Value的字符串值转为int类型？

你不能直接用@(e => _session.ActiveNumber = e.ToString())这种写法——因为e本身就是字符串，e.ToString()还是字符串，没法赋值给int类型的ActiveNumber。下面是两种靠谱的解决方法：

方法1：用中间字符串变量+自动转换的属性 #

定义一个带逻辑的字符串属性，把int和string的转换逻辑封装进去，直接绑定这个属性即可：

// 页面类中添加
private string _interactiveNumber
{
    get => _session.ActiveNumber.ToString();
    set
    {
        // 用TryParse避免无效值抛出异常
        if (int.TryParse(value, out int parsedNumber))
        {
            _session.ActiveNumber = parsedNumber;
        }
        else
        {
            // 可选：处理转换失败的情况，比如重置为默认值
            _session.ActiveNumber = 0;
        }
    }
}

然后在组件中绑定这个属性：

<div class="col-lg-6">
    <label class="form-label form-field-label">Insert your value</label>
    <ToggleButtonGroup Options="@GroupOptions.Options0To10" 
        @bind-Value="@_interactiveNumber" />
    <hr>
</div>

方法2：手动拆分双向绑定（Value + ValueChanged） #

不用@bind-Value，直接手动指定组件的Value和ValueChanged事件，在事件中完成类型转换：

<div class="col-lg-6">
    <label class="form-label form-field-label">Insert your value</label>
    <ToggleButtonGroup Options="@GroupOptions.Options0To10" 
        Value="@_session.ActiveNumber.ToString()"
        ValueChanged="@((string selectedValue) => 
        {
            if (int.TryParse(selectedValue, out int number))
            {
                _session.ActiveNumber = number;
            }
        })" />
    <hr>
</div>

两种方法都能实现字符串到int的自动转换，推荐第一种——逻辑封装更干净，后续维护也方便。

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