2020-06-11-ASP.NET Core Blazor 子组件父组件数据同步的问题
2021-02-07 06:17
标签:nta wpf eve tar ase 监听 asc 事件 handle 上一篇写数据绑定的文章,写到最后留了一个坑。当子组件绑定父组件的一个字段,并且子组件修改它的时候父组件不能实时进行同步更新UI的问题,最近终于在Blazui作者的指导下搞定了。 没想到微软blazor还是借用了WPF搞MVVM的模式,模型需要实现INotifyPropertyChanged类,在属性发生修改的时候可以发出通知。
userName: @userInfo.UserName
sex: @userInfo.Sex
brithday: @userInfo.BrithDay
title: @title
父组件订阅子组件的PropertyChanged事件,当事件发生的时候调用组件的StateHasChanged方法。StateHasChanged方法会通知组件说状态发生变化了,也就是说组件会被重新渲染。这就是最关键的东西了。
userName:
sex:
BrithDay: 虽然搞定了子父组件同步的问题,但是我不能理解的是,为什么微软要搞的这么复杂。使用@bind-UserInfo会强制用户在子组件实现一个 EventCallback 2020-06-11-ASP.NET Core Blazor 子组件父组件数据同步的问题 标签:nta wpf eve tar ase 监听 asc 事件 handle 原文地址:https://www.cnblogs.com/kklldog/p/13095497.htmlUserInfo类要实现INotifyPropertyChanged接口
public class UserInfo: INotifyPropertyChanged
{
private string _userName;
public string UserName {
get
{
return _userName;
}
set
{
_userName = value;
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(UserName)));
}
}
public string Sex { get; set; }
public DateTime BrithDay { get; set; }
public event PropertyChangedEventHandler PropertyChanged;
}
父组件订阅PropertyChanged事件:
@page "/"
====================parent```==================
子组件
====================child==================
运行
一些吐槽
下一篇:http升级https遇到的问题
文章标题:2020-06-11-ASP.NET Core Blazor 子组件父组件数据同步的问题
文章链接:http://soscw.com/essay/52063.html