BlazorAssembly中Siblings组件之间的最佳通信方式
创始人
2024-12-21 01:00:19
0

Blazor中的Sibling组件之间通信,可以通过使用EventCallback和Cascading参数来实现。

首先,我们需要创建一个CascadingValue组件,并将要共享的数据传递给它。在下面的示例中,我们要在Sibling1组件中与Sibling2组件共享一个字符串变量。


    
    


@code {
    private string SharedValue = "Hello, Blazor!";
}

接下来,我们在Sibling1组件中通过EventCallback将更改后的数据返回给Cascading Value组件。Sibling2组件也会自动更新。



@code {
    [CascadingParameter] private string SharedValue { get; set; }
    [Parameter] public EventCallback SharedValueChanged { get; set; }

    private async Task UpdateSharedValue()
    {
        SharedValue = "Hello, Blazor! (updated)";
        await SharedValueChanged.InvokeAsync(SharedValue);
    }
}

接下来,我们在Sibling2中可以通过CascadingValue组件来访问共享的值。

@implements IDisposable

@SharedValue
@code { [CascadingParameter] private string SharedValue { get; set; } protected override void OnInitialized() { Console.WriteLine("Sibling2 initialized"); base.OnInitialized(); } public void Dispose() { Console.WriteLine("Sibling2 disposed"); } }

关键点:

  • CascadingValue组件用于将数据从一个组件传递到其子组件。在这种情况下,我们在Sibling1和Sibling2之间共享了一个字符串变量。
  • EventCallback参数用于将更改后的值从Sibling1组件传递回CascadingValue组件。
  • 在Sibling2组件中,我们可以通过CascadingValue组件来访问更新后的值。

这是一种简单且有效的方式来在Blazor中实现Sibling组件之间的通信。

相关内容

热门资讯

WePoKe透明挂!德州辅助神... WePoKe透明挂!德州辅助神器wpk,德州ai智能辅助,2025教程(有挂黑科技);小薇(透视辅助...
WePoKe透视挂!wpk辅助... WePoKe透视挂!wpk辅助实时策略建议,wpk开挂实锤,德州教程(有挂总结)1、金币登录送、破产...
aapoker有外挂!微扑克俱... 您好,aapoker有外挂这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩...
wepoke真的有挂!wepo... wepoke真的有挂!wepoke能赢嘛,wepoke有机器人,安装教程(有挂教程)是一款可以让一直...
wepoke辅助机器人!aap... wepoke辅助机器人!aapoker外挂教程,wpk可以检测伙牌,第三方教程(有挂黑科技)1)we...
wpk透视辅助测试!wepok... 您好,wpk透视辅助测试这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...
智星德州菠萝辅助器!微扑克专用... 智星德州菠萝辅助器!微扑克专用辅助程序怎么用的啊,wepoke 软件,科技教程(有挂详情)1、在智星...
wepoke是真的有挂!菠萝德... wepoke是真的有挂!菠萝德州偷偷看功能,德州可能有外挂,透牌教程(有挂了解)1、不需要AI权限,...
wpk透视辅助测试!德州aap... wpk透视辅助测试!德州aapoker下载,鱼扑克辅助,靠谱教程(有挂攻略)1、不需要AI权限,帮助...
德州ai辅助有用!wpk辅助软... 德州ai辅助有用!wpk辅助软件查得出来吗,智星德州菠萝有挂,必备教程(有挂了解);是一款可以让一直...