可以通过在页面注入 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 国际许可协议进行许可。欢迎转载、使用、重新发布,但务必保留文章署名林德熙,不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请与我联系。