\

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

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. 公式ドキュメント

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

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

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

1
public void NavigateTo (string uri, bool forceLoad = false);
  1. URI
     遷移先のURIです。

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

コメントシステムを導入しました!コメント頂けると嬉しすぎて、光の速さで返信します(●´ω`●)

速攻でメモできる QuickNote リリースしました!

QuickNoteは動作が超軽量でサクサクかけるノートアプリです。一瞬の閃きを逃さずにノートを開き書き始めることができます。 アカウント登録も不要です。お試しあれ!

Excel操作をコマンドで! proBoarderExcel

Excelはマウスで操作するのが基本ですが、マウス操作に疲れてはいませんか? キーボードでExcel操作ができるようになるアプリです。オープンソースで無料です。

積み上げ! Daily Stack リリースしました!

Daily Stack は日々の積み上げを管理するToDoアプリです。過去の積み上げの振り返りだけでなく、ツイート機能もあります。 アカウント登録不要ですぐに使い始めることができます。

ExecNote.app リリースしました!

ExecNoteは、コードが実行できるMarkdownアプリケーションです。Markdownドキュメント内に記載したコードをクリックすると実行ができます。わざわざターミナルを 起動させる必要がありません!無料ですのでもしよければダウンロードをお願いします。

About Me

11年目のシステムエンジニアです。アプリで生活や仕事を改善したい🐱仕事効率化、自動化のアプリ開発が得意です、ご相談ください。 🚀エンタメ系アプリの開発も模索中🐬社内SEや個人アプリ開発者、システムエンジニアになりたい人と繋がりたい🐱