Blazor导航异常：跳转首页后立即返回当前页求助

首先，最可能的原因是按钮默认的表单提交行为干扰了导航逻辑，以下是具体排查和修复步骤：

1. 修正按钮的类型 #

Blazor 中 <button> 标签默认是 submit 类型，若按钮被包裹在表单（比如原生 <form> 或 Blazor EditForm）中，点击时会触发表单的默认提交动作，导致页面路由被重置，出现"跳转后立即返回"的现象。

修改按钮代码，显式指定类型为 button，避免默认提交行为：

<button type="button" class="btn" @onclick="(() => UpdateEmpById(Emp))">Save Emp</button>

2. 调整导航逻辑的执行时机 #

当前你的导航代码写在 finally 块外面，无论数据操作成功与否都会执行跳转。如果希望仅在操作成功时导航到首页，可以将 NavigationManager.NavigateTo("/") 移到 try 块的末尾（确保数据操作完成后再执行导航）：

private async Task UpdateEmpById(Emp emp)
{
    if (emp is null || IsBusy)
    {
        return;
    }

    IsBusy = true;
    try
    {
        using var context = ContextFactory.CreateDbContext();

        List<Emp> Temp = await context.Emps
            .Where(x => x.Id == emp.id)
            .ToListAsync();
            
        // 仅在操作成功时导航
        NavigationManager.NavigateTo("/");
    }
    catch (DbUpdateConcurrencyException)
    {
        ErrorMessage = "The employee was modified. Please reload the page";
    }
    catch (Exception ex)
    {
        ErrorMessage = $"Error while saving employee: {ex.Message}";
    }
    finally
    {
        IsBusy = false;
    }
}

3. 排查其他干扰因素 #

• 检查页面中是否存在其他绑定的表单事件（比如 onsubmit），这类事件可能会覆盖或干扰导航行为。
• 若上述方法无效，可尝试强制重载导航（仅作排查用，不推荐日常使用）：NavigationManager.NavigateTo("/", forceLoad: true)，如果生效，说明可能是客户端路由缓存的问题。

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