Blazor 如何使用代码跳转链接

可以通过在页面注入 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.