如何在 blazor 中刷新页面重置值？

Question

我想在用户进入 Dashboard 页面后，ISessionStorageService 正常工作时获取当前使用登录信息，Dashboard 有一个 layout布局页面获取SessionStorage当前用户登录的值，

布局页面

h1>@UserInfo.FullName</h1>

@Body

@code {

    private LoginUser UserInfo = new LoginUser();

    async Task UpdateUserInfo() => UserInfo = await SessionStorage.GetItemAsync<LoginUser>("LoginUser");

    protected override async Task OnInitializedAsync()
    {
        await UpdateUserInfo();
    }
}

登录页面设置值

await SessionStorage.SetItemAsync("LoginUser", loginUser);

注意：用户登录和页面之间的切换可以工作，但是当我想刷新页面时会报错

InvalidOperationException: JavaScript interop calls cannot be issued at this time. This is because the component is being statically rendererd. When prerendering is enabled, JavaScript interop calls can only be performed during the OnAfterRenderAsync lifecycle method.

Answer 1

当您使用预渲染时，您无法在此过程进行时调用 JavaScript 方法。而是将调用设置为 UpdateUserInfo 方法 在 OnAfterRender(Async) 对中，如下所示：

protected override async Task OnAfterRenderAsync(bool firstRender)
{
       if( firstRender )
       {
           await UpdateUserInfo();
           InvokeAsync( () => StateHasChanged());

        }
}

希望这会有所帮助...