Blazor - 如何在浏览器中保存 boolean state（真/假），以便在重新加载页面时不会更改？

Question

我有两个不同的视图（列表和卡片），我想保存切换的一个，以便在 Blazor / C# 中重新加载页面时它不会改变。

<p>Testing-Function</p>
<button @onclick="ToggleListCard">Testing-button</button>


private bool CardIsActive = true;
private void ToggleListCard() {
    if (CardIsActive == true)
    {
        CardIsActive = false;
        OnCardListToggled.InvokeAsync(CardIsActive = false);
        Console.WriteLine("True Toggled!");     
    }                                       
    else                                   
    {
          CardIsActive = true;
          OnCardListToggled.InvokeAsync(CardIsActive = true);
          Console.WriteLine("False Toggled!");
    }

    Console.WriteLine("Toggled!");
}

Answer 1

您可以使用此https://github.com/Blazored/LocalStorage库将 object 保存到浏览器本地存储并在每次需要时读取。
替代方式：使用 JS 互操作获取并保存在本地存储中
JS 互操作： https://docs.microsoft.com/en-us/aspnet/core/blazor/call-javascript-from-dotnet?view=aspnetcore-5.0
本地存储： https://www.w3schools.com/html/html5_webstorage.asp