当前位置：首页 > wzjs >正文

张北网站建设上海有名网站建站开发公司

wzjs 2025/8/20 18:59:28

张北网站建设,上海有名网站建站开发公司,发卡平台wordpress,厦门微信网站建设OnNavigateAsync获取或设置导航到新页面之前应调用的处理程序，是发生在导航到目标 URL 之前触发的事件。 (1)在浏览器的地址栏中手动输入访问页面的 URL 会触发 (2) 在应用中单击链接会触发，会触发。 (3) 使用NavigationManager.NavigateTo()方法以代码的…

OnNavigateAsync获取或设置导航到新页面之前应调用的处理程序，是发生在导航到目标 URL 之前触发的事件。
(1)在浏览器的地址栏中手动输入访问页面的 URL 会触发
(2) 在应用中单击链接会触发，会触发。
(3) 使用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="routeData" Selector="h1" /></Found>
</Router>@code {private async Task Callback(NavigationContext obj){Console.WriteLine(obj.Path);await Task.CompletedTask;}
}

链接跳转测试

在这里插入图片描述

可以正确输出，触发事件成功

代码跳转

@page "/demoPage"
@rendermode InteractiveAuto
@inject NavigationManager Navigation<h3>DemoPage</h3>
<button @onclick="NavigateTo">代码跳转</button>@code {private void NavigateTo(){Navigation.NavigateTo("/counter");}
}

在这里插入图片描述

点击代码跳转按钮后，控制台正常输出，触发事件成功

地址栏输入链接跳转

在这里插入图片描述

我们在地址栏输入了/demoPage进行页面跳转，触发事件成功

拦截地址重定向

@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="routeData" Selector="h1" /></Found>
</Router>@code {private async Task Callback(NavigationContext obj){if (obj.Path == "counter"){navigationManager.NavigateTo("/weather");}Console.WriteLine(obj.Path);await Task.CompletedTask;}
}