Blazor-全局路由跳转事件

原创

已于 2025-07-25 13:09:39 修改 · 767 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#Blazor #c# #.net

于 2025-03-06 20:03:41 首次发布

OnNavigateAsync获取或设置导航到新页面之前应调用的处理程序，是发生在导航到目标 URL 之前触发的事件。
(1) 在浏览器的地址栏中手动输入访问页面的 URL 会触发
(2) 在应用中单击链接会触发，会触发。
(3) 使用NavigationManager.NavigateTo()方法以代码的方式访问页面会触发

Blazor 的 OnNavigateAsync 是 Router 组件提供的关键事件，用于在页面导航发生前执行异步逻辑（如权限验证、数据预加载或重定向）

触发场景

浏览器地址栏手动输入 URL
应用内点击链接（如）
调用NavigationManager.NavigateTo() 方法

事件触发测试

在Router.razor文件中使用OnNavigateAsync事件

@inject NavigationManager navigationManager

<Router AppAssembly="typeof(Program).Assembly" AdditionalAssemblies="new[] { typeof(Client._Imports).Assembly }"
OnNavigateAsync="Callback">
    <Found Context="routeData">
        <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)" />
        <FocusOnNavigate RouteData=</