Blazor WebAssembly中Radzen的@bind-Value无法填充对象数据求助

你的代码存在几个关键问题，导致Radzen输入组件无法正确绑定加载后的RiesgoDTO数据，以下是针对性的修复方案：

1. 修复异步方法的错误使用 #

原代码中obtener方法使用了async void，这在Blazor中属于错误用法——async void无法被Blazor框架跟踪，异步操作完成后不会触发组件重新渲染。同时OnInitializedAsync中调用该方法时没有await，导致数据加载和组件初始化流程不同步。

2. 确保数据更新后触发UI渲染 #

虽然使用正确的异步方法后框架通常会自动触发渲染，但在赋值riesgo后显式调用StateHasChanged()可以确保UI及时更新，避免因异步时序问题导致的数据不显示。

3. 处理路由参数为空的边界情况 #

当路由参数Nombre为空时，直接执行查找操作会无效，需要添加判断逻辑，比如跳转到风险管理页面。

修改后的完整代码 #

@page "/modificarRiesgo"
@page "/modificarRiesgo/{Nombre}"
@inject NavigationManager navManager
@inject IModuloRiesgosServices _riesgosService

<h3>ModificarRiesgo</h3>
@if(riesgo == null){
    <p>Loading...</p>
}
else{
    <p style="color:red;text-align:center">Seguro que desea modificar este archivo?</p>
<RadzenTemplateForm Data="@riesgo" TItem="RiesgoDTO">
    <div class="row">
        <div class="col-10">
            <RadzenFieldset Text="Detalle de Riesgos">
                <div class=" row">
                    <div class="col-md-2 align-items-center d-flex">
                        <RadzenLabel Text="Nombre" />
                    </div>
                    <div class="col-md-6">
                        <RadzenTextBox Name="Nombre" Style="width:100%" @bind-Value="@riesgo.Nombre" />
                    </div>
                </div>
                <div class=" row">
                    <div class="col-md-2 align-items-center d-flex">
                        <RadzenLabel Text="Descripcion" />
                    </div>
                    <div class="col-md-6">
                        <RadzenTextArea Name="Descripcion" Style="width:100%" @bind-Value="@riesgo.Descripcion" />
                    </div>
                </div>
                <div class=" row">
                    <div class="col-md-2 align-items-center d-flex">
                        <RadzenLabel Text="Viabilidad" />
                    </div>
                    <div class="col-md-6">
                        <RadzenNumeric Name="Viabilidad" Style="width:100%" @bind-Value="@riesgo.Viabilidad" />
                    </div>
                </div>
                <div class=" row">
                    <div class="col-md-2 align-items-center d-flex">
                        <RadzenLabel Text="Impacto" />
                    </div>
                    <div class="col-md-6">
                        <RadzenNumeric Name="Impacto" Style="width:100%" @bind-Value="@riesgo.Impacto" />
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2 align-items-center d-flex">
                        <div class="col-md-6">
                            <RadzenButton Text="Cancelar" ButtonStyle="ButtonStyle.Danger" Click=@(args => cancel()) />
                        </div>
                    </div>
                </div>
            </RadzenFieldset>
        </div>
    </div>
</RadzenTemplateForm>
}

@code {
    [Parameter]
    public string? Nombre { get; set; }

    public RiesgoDTO? riesgo { get; set; } // 改为可空类型，初始值为null，配合Loading状态

    protected override async Task OnInitializedAsync()
    {
        if (string.IsNullOrEmpty(Nombre))
        {
            navManager.NavigateTo("/gestionarRiesgos");
            return;
        }
        await obtener(Nombre);
    }

    public async Task obtener(string nombre)
    {
        var response = await _riesgosService.ObtenerTodosLosRiesgos();
        riesgo = response.Data.FirstOrDefault(r => r.Nombre == nombre);
        
        // 显式通知组件更新UI（可选，但在复杂场景下更可靠）
        StateHasChanged();
    }

    protected void cancel()
    {
        navManager.NavigateTo("/gestionarRiesgos");
    }
}

额外优化说明 #

• 将riesgo的初始值改为null，配合页面上的Loading...提示，更符合数据加载的实际状态。
• 使用FirstOrDefault替代foreach循环查找数据，代码更简洁高效。
• 添加了Nombre参数为空的判断，避免无效的API调用和错误状态。

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