其他分享
首页 > 其他分享> > Blazor 如何使用代码跳转链接

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 库

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

如果在博客看到有任何不懂的,欢迎交流

标签:NavigateTo,NavigationManager,代码,跳转,Blazor,链接,页面
来源: https://blog.51cto.com/u_11283245/2956753