Blazor-Navigating组件

原创

已于 2025-07-31 13:17:06 修改 · 273 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Blazor #.net #c#

于 2025-03-04 17:54:54 首次发布

核心机制

Navigating组件是Blazor路由系统（Router组件）的内置子容器，仅在全局路由层有效（如App.razor），用于在异步导航过程中显示过渡界面。其工作原理依赖OnNavigateAsync事件的延迟触发，当存在异步操作（如数据加载）时自动显示内容。
Navigating组件，功能是当 Blazor 应用程序在切换页面时的中间等待界面，可能由于网络缓慢，或其他原因导致。
在 Blazor Web App 任何呈现模式的每页/组件交互位置的项目中，Navigating 组件是无效的。

基础用法

在App.razor中设置跳转等待过程中的界面，我们做一个延时的界面看看实际的效果，这里我们主要演示一个静态等待的效果

代码示例

<Router AppAssembly="@typeof(App).Assembly">
  <Found Context="routeData">
    <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
    <FocusOnNavigate RouteData="@routeData" Selector="h1" />
    </Found>
        <NotFound>