可以通过在页面注入 NavigationManager 调用 NavigateTo 方法进行跳转

根据官方文档 可以在页面注入 NavigationManager 拿到跳转的功能




@page "/todo"
@inject NavigationManager NavigationManager



在注入 NavigationManager 之后可以在代码里面调用 ​​NavigationManager.NavigateTo("链接");​​ 将链接修改为想要跳转的代码

如下面代码在按钮点击的时候跳转到 counter 页面




<button class="btn btn-primary" @onclick="NavigateToCounterComponent">跳转界面</button>

@code
{
private void NavigateToCounterComponent()
{
NavigationManager.NavigateTo("counter");
}
}



运行上面代码就可以在点击按钮的时候跳转到 counter 页面

特别推荐两个很好用的 Blazor 的 UI 库

  • wzxinchen/Blazui: Element的blazor版本,用 .NET 写前端的 UI 框架,无JS,无TS,非 Silverlight,非 WebForm,开箱即用
  • ant-design-blazor/ant-design-blazor: ????A set of enterprise-class UI components based on Ant Design and Blazor WebAssembly.

我搭建了自己的博客 https://blog.lindexi.com/ 欢迎大家访问,里面有很多新的博客。

如果在博客看到有任何不懂的,欢迎交流,我搭建了 dotnet 职业技术学院 欢迎大家加入


本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。欢迎转载、使用、重新发布,但务必保留文章署名林德熙,不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请与我联系。