Blazor组件中InputSelect@bind-Value无法更新SelectedRole的问题

你的InputSelect绑定的SelectedRole是组件私有字段，但EditForm的Model指向User对象——Blazor的表单状态跟踪机制默认仅关注Model内部属性的变更，不在Model中的字段无法被正确同步，这就是SelectedRole始终保持初始值的核心原因。

方案一：使用视图模型整合字段（推荐） #

创建包含User和SelectedRole的视图模型，让EditForm绑定这个模型，确保表单能跟踪所有字段变化：

1. 新增视图模型类

public class UserRoleEditModel
{
    public ApplicationUser User { get; set; } = null!;
    public string SelectedRole { get; set; } = "-1";
}

2. 修改组件代码

@code {
    [SupplyParameterFromQuery]
    private string? Id { get; set; }
    private UserRoleEditModel? EditModel;
    private List<IdentityRole> AllRoles = new();
    private string DebugMessage { get; set; } = "Inicializando...";

    protected override async Task OnInitializedAsync()
    {
        if (Id is not null)
        {
            var user = await UserManager.FindByIdAsync(Id);
            if (user is null)
            {
                DebugMessage = "Usuário não encontrado.";
                NavigationManager.NavigateTo("/notfound");
                return;
            }

            AllRoles = RoleManager.Roles.ToList();
            var roles = await UserManager.GetRolesAsync(user);

            EditModel = new UserRoleEditModel
            {
                User = user,
                SelectedRole = roles.FirstOrDefault() ?? "-1"
            };
        }
    }

    private async Task SaveChanges()
    {
        if (EditModel?.User is null) return;

        var selectedRole = EditModel.SelectedRole;
        if (selectedRole == "-1")
        {
            var currentRoles = await UserManager.GetRolesAsync(EditModel.User);
            await UserManager.RemoveFromRolesAsync(EditModel.User, currentRoles);
        }
        else
        {
            var currentRoles = await UserManager.GetRolesAsync(EditModel.User);
            var rolesToRemove = currentRoles.Where(r => r != selectedRole).ToList();
            await UserManager.RemoveFromRolesAsync(EditModel.User, rolesToRemove);

            if (!currentRoles.Contains(selectedRole))
            {
                await UserManager.AddToRoleAsync(EditModel.User, selectedRole);
            }
        }
    }
}

3. 更新表单绑定

<div class="row">
    <div class="col-md-4">
        <EditForm method="post" Model="EditModel" OnValidSubmit="SaveChanges" FormName="EditUserForm">
            <DataAnnotationsValidator />
            <ValidationSummary role="alert" />

            <div class="mb-3">
                <label for="username" class="form-label">Nome</label>
                <InputText id="username" @bind-Value="EditModel.User.UserName" class="form-control" readonly />
            </div>
            <div class="mb-3">
                <label for="email" class="form-label">Email</label>
                <InputText id="email" @bind-Value="EditModel.User.Email" class="form-control" readonly />
            </div>
            <div class="mb-3">
                <label for="role" class="form-label">Selecionar Role:</label>
                <InputSelect id="role" @bind-Value="EditModel.SelectedRole" class="form-group" >
                    <option value="-1">Nenhum</option>
                    @foreach (var role in AllRoles)
                    {
                        <option value="@role.Name">@role.Name</option>
                    }
                </InputSelect>
            </div>

            <p>Selected Role: @EditModel.SelectedRole</p>

            <button type="submit" class="btn btn-primary"><img title="Gravar" src="/img/saveicon.png" style="height:30px" /></button>
            <a href="/GereUsers" type="button" class="btn btn-outline-secondary"><img title="Recuar" src="/img/backicon.png" style="height:30px" /></a>
        </EditForm>
    </div>
</div>

方案二：手动添加字段跟踪（临时方案） #

如果不想新增视图模型，可以手动让EditContext跟踪SelectedRole：

@code {
    private EditContext? _editContext;

    protected override void OnInitialized()
    {
        if (User != null)
        {
            _editContext = new EditContext(User);
            // 手动将SelectedRole加入表单跟踪
            _editContext.AddField(nameof(SelectedRole));
        }
    }
}

然后修改EditForm的绑定：

<EditForm method="post" EditContext="_editContext" OnValidSubmit="SaveChanges" FormName="EditUserForm">

• 确保SelectedRole初始值与下拉选项的value完全匹配（角色名通常大小写敏感）
• 排查是否有其他代码在重置SelectedRole的值

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