通过AddCascadingValue添加的Blazor级联参数无法更新

核心问题 #

你遇到的问题源于对Blazor全局级联值（CascadingValueSource）工作机制的误解：

• 通过AddCascadingValue注册的是全局可观察的级联值源，组件中标记[CascadingParameter]的变量只是该源值的本地副本，修改副本不会触发源的更新，自然无法同步到其他组件。
• Subscribers列表为空，是因为你的组件没有正确与全局源建立订阅关系，或者源本身从未触发过更新通知。

解决方案步骤 #

1. 修正全局级联值源的注册方式

在Program.cs中，需要将CascadingValueSource注册为可注入的服务，确保组件能获取到同一个源实例并触发更新：

// 注册为Scoped服务（每个用户会话一个实例）
builder.Services.AddScoped<CascadingValueSource<int>>(s => 
    new CascadingValueSource<int>("someName", 1, false));
// 将该服务注册为级联值源
builder.Services.AddCascadingValue(s => s.GetRequiredService<CascadingValueSource<int>>());

2. 修改Home组件，通过源实例触发更新

在Home组件中注入全局级联值源，点击按钮时调用源的SetValue方法，而不是修改本地变量：

@page "/"
@inject CascadingValueSource<int> SomeValueSource

<PageTitle>Home</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.

Test int is @myTestInt .

<button @onclick="testclick">button</button>

<Test></Test>

@code{
    [CascadingParameter(Name = "someName")]
    public int myTestInt { get; set; } = 0;

    private void testclick()
    {
        // 调用全局源的SetValue方法触发更新
        SomeValueSource.SetValue(5);
    }
}

3. Test组件无需修改

Test组件的[CascadingParameter]会自动订阅全局源的变化，当源值更新时，组件会自动重新渲染并获取新值：

<h3>test</h3>

myparameter is @myparameter

@code {
    [CascadingParameter(Name = "someName")]
    public int myparameter { get; set; }
}

原理说明 #

• CascadingValueSource是一个可观察对象，调用SetValue时会通知所有订阅的组件重新渲染，从而同步级联参数的值。
• 之前修改本地变量的方式，只是改变了组件内部的副本，并没有触发全局源的更新机制，因此Test组件无法感知到变化。
• 修正注册方式后，组件通过[CascadingParameter]绑定到全局源时，会自动加入Subscribers列表，源更新时就能收到通知。

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