C# 怎么在 Blazor 中进行组件间通信_C# Blazor 组件通信方法详解

父组件通过Parameter传值,子组件用EventCallback回调,双向绑定用@bind,跨组件通信依赖服务注入。

C# 怎么在 Blazor 中进行组件间通信_C# Blazor 组件通信方法详解
@code {
    private string sharedText = “初始值”;
}

Blazor 会自动识别 Value 和 ValueChanged 配对,实现双向同步。

4. 跨层级或非父子组件通信(使用依赖注入服务)

当组件层级较深或没有直接关系时,推荐使用一个共享的服务来管理状态和通信。

定义一个状态服务:

public class MessageService {
    public string CurrentMessage { get; private set; } = string.Empty;

    public event Action? OnMessageChanged;

    public void UpdateMessage(string message) {
        CurrentMessage = message;
        OnMessageChanged?.Invoke();
    }
}

在 Program.cs 中注册服务:

builder.Services.AddSingleton();

任意组件中注入并使用:

@inject MessageService MessageService

@code {
    protected override void OnInitialized() {
        MessageService.OnMessageChanged += StateHasChanged;
    }

    private void SendMessage() {
        MessageService.UpdateMessage(“新消息”);
    }

    public void Dispose() {
        MessageService.OnMessageChanged -= StateHasChanged;
    }
}

这种模式类似于“发布-订阅”,适合全局状态管理,如用户登录状态、主题切换等。

基本上就这些。根据组件关系选择合适的方式:父子用 Parameter 和 EventCallback,深层或跨组件用服务注入。不复杂但容易忽略细节,比如事件注销和绑定命名规则。掌握这些,Blazor 组件通信就很清晰了。

以上就是C# 怎么在 Blazor 中进行组件间通信_C# Blazor 组件通信方法详解的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1441551.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月17日 18:12:17
下一篇 2025年12月17日 18:12:26

相关推荐

发表回复

登录后才能评论
关注微信