Blazor で NavigateToメソッドを使用してページ遷移する方法

Blazor は c# でSPAが作れるフレームワークです。
Blazor(c#)からJavaScriptを呼び出せるので、JavaScriptから window.location.href でページ遷移することもできますが、この記事では、Blazor(c#)側でページ遷移する方法を紹介します。

1. 使い方

NavigateTo メソッドは以下のように使用します。

まず、.razor ファイルの先頭で inject します。

@inject NavigationManager NavigationManager

これで、NavigationManagerが使用可能になります。

続いて、@code ブロックの中で以下のように記載します。
このコードは、 /page というURLに遷移するメソッドになります。

NavigationManager.NavigateTo($"/Page", false);

2. 公式ドキュメント

公式ドキュメントは以下になります。

https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.components.navigationmanager.navigateto?view=aspnetcore-5.0

NavigateTo メソッドは以下の2つの引数を持ちます。

public void NavigateTo (string uri, bool forceLoad = false);

1. URI
   　遷移先のURIです。

2. forceLoad
   　bool 型で指定します。初期値はfalse です。
   　trueの場合、クライアントサイドでページ遷移が行われます。強制的に遷移させたい場合にもtrueを指定します。
   　falseの場合、Blazorフレームワークで処理が行われますので高速ページ遷移が行われます。