标签：NavigateTo NavigationManager 代码 跳转 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.

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

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

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。