Blazor嵌套组件双向绑定报错：找不到bind-Message属性

这个报错的核心是两个细节问题导致的，我来帮你一步步排查和修复：

1. 双向绑定回调未传递匹配类型的参数 #

你的DismissibleAlert组件中，Dismiss方法调用MessageChanged时没有传入字符串类型的新值，而MessageChanged是EventCallback<string>类型，必须接收一个string参数才能正确触发双向绑定的更新。Blazor在识别双向绑定属性时，如果回调调用不匹配参数要求，会误判组件不支持bind-Message语法。

修改DismissibleAlert的Dismiss方法：

public async Task Dismiss()
{
    Message = string.Empty;
    // 必须传递新的Message值给回调，匹配EventCallback<string>的参数类型
    await MessageChanged.InvokeAsync(Message);
}

2. 根页面的Message无需标记为[Parameter] #

你的首页作为根组件，Message被标记为[Parameter]是多余的——根组件没有父组件会给它传递参数，这个标记不仅没用，还可能让Blazor对属性绑定逻辑产生混淆，改成普通属性即可：

修改首页的@code部分：

@code {
    private void DoWhatIMean() => Message = "You clicked the button!";

    // 移除[Parameter]标记，改为普通属性
    public string Message { get; set; } = "Default Message";
}

修改后的完整代码 #

首页代码 #

@page "/"
@using BlazorApp2.Components.Controls

<PageTitle>Home</PageTitle>
<h1>Hello, world!</h1>
<br/>
@Message
<br/>
<DismissibleAlert bind-Message="@Message"></DismissibleAlert>
<button @onclick="DoWhatIMean" class="btn btn-info" >Change Text</button>

@code {
    private void DoWhatIMean() => Message = "You clicked the button!";

    public string Message { get; set; } = "Default Message";
}

DismissibleAlert组件代码 #

<h3>DismissibleAlert</h3>
@Message
<button type="button" class="btn-close" @onclick="Dismiss"></button>
<br/>

@code {
    [Parameter]
    public string Message { get; set; } = string.Empty;

    [Parameter]
    public EventCallback<string> MessageChanged { get; set; }

    public async Task Dismiss()
    {
        Message = string.Empty;
        await MessageChanged.InvokeAsync(Message);
    }
}

问题根源说明 #

• Blazor的bind-Property双向绑定依赖**Property参数 + PropertyChanged回调**的固定配对，且回调必须传递与属性类型匹配的参数。之前的代码中回调未传参，导致Blazor无法识别合法的双向绑定属性，从而抛出找不到bind-Message的错误。
• 根页面的[Parameter]标记是冗余的，移除后能让Blazor更清晰地处理属性的绑定逻辑，避免潜在的混淆。

现在重新运行项目，双向绑定就能正常工作了：点击"Change Text"按钮时，组件和页面的文本会同步更新；点击关闭按钮时，文本会被清空并同步到父页面。

内容来源于stack exchange