Blazor: 如何从子组件传递 ViewModel 给父组件,以及反过来
创始人
2024-12-21 00:01:16
0

在Blazor中,你可以使用参数和事件来从子组件向父组件传递ViewModel,并从父组件向子组件传递ViewModel。

下面是一个示例:

在父组件中,定义一个ViewModel并将其传递给子组件:

// 父组件中的ViewModel
public class ParentViewModel
{
    public string Message { get; set; }
}

// 父组件
@page "/parent"
@using BlazorApp.Shared

Parent Component

@ViewModel.Message

@code { private ParentViewModel ViewModel { get; set; } = new ParentViewModel(); private void UpdateViewModel(ParentViewModel updatedViewModel) { ViewModel = updatedViewModel; } }

在子组件中,接受ViewModel作为参数,并触发一个事件来向父组件传递更新的ViewModel:

// 子组件

Child Component

Child Message: @ViewModel.Message

@code { [Parameter] public ParentViewModel ViewModel { get; set; } [Parameter] public EventCallback OnUpdate { get; set; } private void UpdateViewModel() { ViewModel.Message = "Updated from child component"; OnUpdate.InvokeAsync(ViewModel); } }

在上面的示例中,通过将ViewModel作为参数传递给子组件,并在子组件中触发一个事件来将更新后的ViewModel传递回父组件。父组件通过接收子组件的事件来更新自己的ViewModel。

使用上述代码,你可以在Blazor应用程序中从子组件向父组件传递ViewModel,并从父组件向子组件传递ViewModel。

相关内容

热门资讯

攻略辅助挂!拱趴大菠萝开挂方法... 攻略辅助挂!拱趴大菠萝开挂方法,德扑之星辅助工具如何设置,其实真的是有挂(有挂教学)1、玩家可以在德...
于此同时!wepokerplu... 于此同时!wepokerplus辅助,德普之星透视辅助软件是真的吗,好像真的有挂(有挂攻略)1、每一...
反观!xpoker辅助怎么用,... 反观!xpoker辅助怎么用,智星德州可以透视吗,确实确实有挂(有挂详情)1、进入到智星德州可以透视...
现有关情况通报如下!wepok... 现有关情况通报如下!wepoker可以开透视吗,德普之星怎么开辅助,总是真的是有挂(真是有挂)1)德...
据监测!wepoker透视有没... 据监测!wepoker透视有没有,智星德州可以透视吗,一贯是真的有挂(有挂方式)1、实时智星德州可以...
据相关数据显示!wepoker... 据相关数据显示!wepoker有什么规律,德普之星辅助器,果然真的是有挂(证实有挂)1、德普之星辅助...
此事备受玩家关注!约局吧怎么看... 此事备受玩家关注!约局吧怎么看有没有挂,德扑圈透视挂,一贯存在有挂(有挂工具)德扑圈透视挂透视方法中...
教学辅助挂!aapoker破解... 教学辅助挂!aapoker破解侠是真的吗,德扑圈透视挂,原来存在有挂(有挂透视)该软件可以轻松地帮助...
出乎意料的是!aapoker辅... 出乎意料的是!aapoker辅助怎么用,德普之星透视辅助,一直存在有挂(新版有挂)1)德普之星透视辅...
明白辅助挂!智星德州插件怎么下... 明白辅助挂!智星德州插件怎么下载,德普之星辅助工具如何设置,都是真的有挂(有人有挂)1、每一步都需要...