在我的 MainLayout.cshtml 中处理 Blazor 托管模板,我有类似的内容:
@inject UserInfo userInfo
@if(userInfo.Name == "bob")
{
<div class="login-panel">
<p>Hi Bob!</p>
</div>
}
else
{
<LoginPanel />
}
然后在单独的 Login.cshtml 中:
@inject UserInfo userInfo
async void Login()
{
userInfo.Name = "bob";
}
但是登录不会导致 MainLayout.cshtml 中的“登录面板”发生变化。如果所有内容都在一个文件中,并且我只检查特定变量是否为空(请参见此处),我能够使其正常工作,因此我假设 Blazor 框架具有特定的标准,这些标准会禁止页面重新-评估这些块。这是准确的吗?如果是这样,强制重新评估的最佳方法是什么?
编辑:我又玩了一点,最终发现了StateHasChanged
受保护的成员函数,我假设它是在 Init 完成后调用的,因此前面的示例有效。我认为一个可行的解决方案是让我的UserInfo
对象实现INotifyPropertyChanged
,然后在 MainLayout.cshtml 中注册一个更改处理程序StateHasChanged()
,以在登录状态更改时调用需要更新的视图。