Blazor は c# でSPAが作れるフレームワークです。
Blazor(c#)からJavaScriptを呼び出せるので、JavaScriptから window.location.href でページ遷移することもできますが、この記事では、Blazor(c#)側でページ遷移する方法を紹介します。
1. 使い方
NavigateTo メソッドは以下のように使用します。
まず、.razor ファイルの先頭で inject します。
1 | @inject NavigationManager NavigationManager |
これで、NavigationManagerが使用可能になります。
続いて、@code ブロックの中で以下のように記載します。
このコードは、 /page というURLに遷移するメソッドになります。
1 | NavigationManager.NavigateTo($"/Page", false); |
2. 公式ドキュメント
公式ドキュメントは以下になります。
NavigateTo メソッドは以下の2つの引数を持ちます。
1 | public void NavigateTo (string uri, bool forceLoad = false); |
URI
遷移先のURIです。forceLoad
bool 型で指定します。初期値はfalse です。
trueの場合、クライアントサイドでページ遷移が行われます。強制的に遷移させたい場合にもtrueを指定します。
falseの場合、Blazorフレームワークで処理が行われますので高速ページ遷移が行われます。