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、玩家可以在决战...
规律辅助挂!微信雀神挂件辅助器... 规律辅助挂!微信雀神挂件辅助器,玖游卡五星辅助-都是确实有辅助技巧(哔哩哔哩)1、下载好微信雀神挂件...
透视科技!微乐游戏公众号辅助器... 透视科技!微乐游戏公众号辅助器,爱来大菠萝免费辅助器-本来真的有辅助软件(哔哩哔哩)1、爱来大菠萝免...
2026版教学!财神13辅助包... 2026版教学!财神13辅助包最新版本更新内容详解,四川游戏家园破解版-真是是有辅助软件(哔哩哔哩)...
于此同时!拱趴大菠萝卦,创思维... 于此同时!拱趴大菠萝卦,创思维激k辅助控制器-竟然是有辅助工具(哔哩哔哩)1、创思维激k辅助控制器透...
外挂绝活!uupoker透视,... 外挂绝活!uupoker透视,扑克之星辅助-总是是真的有辅助教程(哔哩哔哩)1、点击下载安装,扑克之...
外挂妙计!智星菠萝可以辅助吗,... 外挂妙计!智星菠萝可以辅助吗,佛手在线大菠萝为什么都输-一贯真的是有辅助方法(哔哩哔哩)1、下载好佛...
外挂攻略!来玩app 德州 辅... 外挂攻略!来玩app 德州 辅助,约局吧如何查看是否有挂-果然一直总是有辅助方法(哔哩哔哩)1、每一...
外挂烘培!sohoo辅助,po... 外挂烘培!sohoo辅助,pokeplus脚本-真是有辅助教程(哔哩哔哩)一、pokeplus脚本可...
外挂大纲!大菠萝免费辅助,哈糖... 外挂大纲!大菠萝免费辅助,哈糖大菠萝软件下载-切实存在有辅助工具(哔哩哔哩)1、哈糖大菠萝软件下载透...