Blazor NavigationManager.NavigateTo更改URL但不加载页面

Question

我尝试从导航菜单中更改页面。我点击导航菜单中的一个按钮。调用OnClick事件处理程序。它执行NavigationManager.NavigateTo("/target")。在浏览器中，url会按预期更改为http://baseaddress/target。但是目标页面不会显示。当前页面的内容将保留。这不是预期的行为，不是吗？我知道名为forceLoad的第二个参数。但我不想从服务器完全重新加载页面。我希望导航发生在客户端。我做错了什么？

Answer 1

首先，使用@page指令设置一个组件。

其次，使用<NavLink>来导航，而不是自己处理onclick。

有关更多信息，请参阅Blazor学校Routing and Navigation。

Answer 2

我发现了问题，这是我自己的错误。我将MainLayout.razor中的@Body标记不是直接放入它自己的html中，而是放入另一个剃刀组件的子内容中

<div id="rootContainer">
    <ContainerComponent>
        <Content>
            <MainMenu />
            <div id="rootContentContainer">
                   @Body
            </div>
        </Content>
    </MessageBoxContainer>
</div>