如何在同一个 blazor(.razor) 页面中进行#{if} 部分导航？

Question

我也在尝试导航到 blazor(.razor) 页面中的不同部分。浏览了各种 post 但没有帮助.....

Answer 1

对于指向 Ancestor 的链接，有一个来自 DevExpress 的工具 DevExpress.Blazor.AnchorUtils

用这个你可以定义一个AnchorLink

<AnchorLink class="nav-link py-3 px-4" href="#MySection1">My Section 1</AnchorLink>

有关详细信息，请参阅 link。

Answer 2

Please refer the below code snippets



 @page "/navigate"
    @inject NavigationManager NavigationManager

    <h1>Navigate in Code Example</h1>

    <button class="btn btn-primary" @onclick="NavigateToCounterComponent">
        Navigate to the Counter component
    </button>

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

Link: https://docs.microsoft.com/en-us/aspnet/core/blazor/routing?view=aspnetcore-3.1

如何在同一个 blazor(.razor) 页面中进行#{if} 部分导航？

How to do #{id} section navigation withing same blazor(.razor) page?

webassembly

blazor