如何使用相同的blazor（.razor）页面进行#{id}部分导航？

我也尝试在blazor（.razor）页面中导航到不同的部分。查看了各种帖子，但没有任何帮助。…

有关祖先的链接，有来自DevExpress的工具

使用此选项可以定义锚点链接

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

My Section 1

---

有关更多信息，请参阅链接。

有关祖先的链接，请参阅来自DevExpress的工具

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");
        }
    }

使用此选项可以定义锚点链接

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

My Section 1

有关更多信息，请参阅链接。

请参阅以下代码片段
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");
        }
    }

@页面“/导航”
@注入NavigationManager NavigationManager
在代码示例中导航
导航到计数器组件
@代码{
私有void NavigateToCounterComponent（）
{
NavigationManager.NavigateTo（“计数器”）；
}
}

链接：

请参考以下代码片段
@页面“/导航”
@注入NavigationManager NavigationManager
在代码示例中导航
导航到计数器组件
@代码{
私有void NavigateToCounterComponent（）
{
NavigationManager.NavigateTo（“计数器”）；
}
}

---

链接：

您是说导航到锚吗？构建锚链接组件。你说的是导航到锚点吗？构建锚点链接组件。据我所知，这会路由到另一个名为“counter”的页面，而不是同一页面上的特定部分。同一页面使用不同的名称导航。“/”和“/counter”据我所知，这将路由到另一个名为“counter”的页面，而不是同一页面上的特定部分。同一页面使用不同的名称导航。“/”和“/计数器”