Blazor跨组件触发Dialog不显示问题排查与解决

你的问题核心在于AppState的属性变化没有触发组件重新渲染，Blazor组件无法感知普通自动属性的变化，因此即使你更新了PopupCampaignVisibility的值，Dialog组件也不会重新渲染来更新Visible状态。以下是具体解决方案：

1. 修改AppState实现INotifyPropertyChanged接口 #

让AppState实现INotifyPropertyChanged，这样属性值变化时会通知Blazor组件触发重渲染：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class AppState : INotifyPropertyChanged
{
    private bool _popupCampaignVisibility;

    public bool PopupCampaignVisibility
    {
        get => _popupCampaignVisibility;
        set
        {
            if (_popupCampaignVisibility != value)
            {
                _popupCampaignVisibility = value;
                OnPropertyChanged();
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 确保AppState注册为正确的生命周期 #

在Program.cs中注册AppState为Scoped或Singleton（确保所有组件共享同一个实例）：

// .NET 6+ Program.cs
builder.Services.AddScoped<AppState>();
// 若需要全局唯一实例，可使用Singleton：
// builder.Services.AddSingleton<AppState>();

3. 验证组件绑定逻辑 #

你的Dialog组件和触发组件的绑定逻辑无需修改，因为@bind-Visible会自动监听PopupCampaignVisibility的PropertyChanged事件，当属性值更新时，Dialog会自动更新显示状态。

原理说明 #

Blazor组件默认只会在自身参数变化、事件回调触发或调用StateHasChanged()时重新渲染。普通自动属性的变化不会触发组件重渲染，而实现INotifyPropertyChanged后，属性变化时会发送通知，Blazor会监听该通知并重新渲染依赖该属性的组件，从而让Dialog正确响应状态变化。

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