Blazor Server EditForm传Model仍报错，兼HttpContext与自动完成问题求助

你遇到的EditForm需要提供Model参数或EditContext参数错误，核心原因是[SupplyParameterFromForm]特性与Blazor Server的EditForm组件逻辑冲突：

• [SupplyParameterFromForm]会让ASP.NET Core框架在POST请求时直接绑定Input对象，覆盖了EditForm对Model的控制权，导致组件初始化阶段无法识别有效的Model实例。
• 交互模式（如InteractiveServer）确实无法与HttpContext兼容，因为该模式下组件运行在SignalR连接中，HttpContext仅在初始请求时可用。

以下方案既能保留HttpContext的使用，又能维持浏览器自动完成功能，同时解决EditForm的错误：

步骤1：移除冲突特性 #

删除Login.razor.cs中Input属性上的[SupplyParameterFromForm]特性，让组件完全控制Model的生命周期：

public sealed partial class Login
{
    [CascadingParameter]
    private HttpContext? HttpContext { get; set; }
    [SupplyParameterFromQuery]
    private string? ReturnUrl { get; set; }
    // 移除[SupplyParameterFromForm]
    private InputModel Input { get; set; } = new();

    protected override async Task OnInitializedAsync()
    {
        if (HttpContext != null && HttpMethods.IsGet(HttpContext.Request.Method))
        {
            await HttpContext.SignOutAsync(IdentityConstants.ExternalScheme);
        }
    }
    
    public async Task LoginUser()
    {
        // 此处添加登录逻辑，例如验证账号密码后调用SignInAsync
        if (!string.IsNullOrEmpty(Input.EmailOrUsername) && !string.IsNullOrEmpty(Input.Password))
        {
            // 示例登录逻辑（替换为你的身份验证代码）
            // await _signInManager.PasswordSignInAsync(Input.EmailOrUsername, Input.Password, Input.RememberMe, lockoutOnFailure: false);
            
            // 跳转回原页面
            if (!string.IsNullOrEmpty(ReturnUrl) && Url.IsLocalUrl(ReturnUrl))
            {
                NavigationManager.NavigateTo(ReturnUrl);
            }
            else
            {
                NavigationManager.NavigateTo("/");
            }
        }
    }
    
    private sealed class InputModel
    {
        public string EmailOrUsername { get; set; } = string.Empty;
        public string Password { get; set; } = string.Empty;
        public bool RememberMe { get; set; }
    }
}

步骤2：保留EditForm原有结构 #

无需修改Login.razor中的EditForm代码，确保Model="@Input"的绑定写法正确即可：

<div class="page">
<MudContainer Class="login-page-container" MaxWidth="MaxWidth.Medium">
        <div>
            <MudText Typo="Typo.h3" GutterBottom Align="Align.Center" Class="font-bold">Welcome Back!</MudText>
            <EditForm Model="@Input" OnSubmit="LoginUser" FormName="login">
                <DataAnnotationsValidator />
                <MudTextField Label="Email or Username" Placeholder="Email or Username"
                              @bind-Value="Input.EmailOrUsername" For="@(()=> Input.EmailOrUsername)"
                              Variant="Variant.Outlined" Immediate="true" />
                <MudTextField Label="Password" Placeholder="Password"
                              @bind-Value="Input.Password" For="@(()=> Input.Password)"
                              InputType="InputType.Password" Variant="Variant.Outlined" Immediate="true" />
    
                <MudCheckBox Label="Remember Me"
                             @bind-Value="Input.RememberMe" For="@(()=> Input.RememberMe)" />
    
                <MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Primary" FullWidth="true">LOG IN</MudButton>
    
                <MudLink Typo="Typo.overline" href="#" Class="sign-up">DON'T HAVE AN ACCOUNT? SIGN UP</MudLink>
            </EditForm>
        </div>
    
        <MudLink Href="#" Underline="Underline.Always" Class="text-center font-bold">RESET PASSWORD</MudLink>
    </MudContainer>
</div>

1. 解决EditForm错误：移除[SupplyParameterFromForm]后，EditForm能正确识别并控制Model实例，避免框架绑定逻辑冲突。
2. 保留HttpContext：非交互模式下，HttpContext仍可通过CascadingParameter正常获取，不影响登出等操作。
3. 维持自动完成：EditForm会生成标准HTML表单元素，浏览器能正常识别并填充账号密码。

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