0

我遇到了 Blazor 的问题，可能是路由问题。我正在使用 MudBlazor 组件，我可以看到一个奇怪的行为。我有导航菜单（MudNavMenu），当我选择转到另一个页面时，它成功地重定向了我，但它没有重定向到页面的开头 - 它重定向到与最后一页相同的时刻。例如：您一直向下滚动，Yoy 在页面的末尾，然后您选择转到另一个页面，此页面在末尾加载，而不是在开头加载。我不知道为什么会这样（当然我希望在开始时加载一个新页面）。我尝试使用普通的 href、MudBlazor Href、带有 Id (#) 的 hrefs/Hrefs、带有 NavigateTo 方法的代码隐藏 NavigationManager。对于每个解决方案，它的行为都相同。

MainLayout.razor：

<MudLayout>
    <MudAppBar Style="background-color: #FFFFFF">
        <MudImage Width=200 Src="images/svg/logo-blue.svg"></MudImage>
        <p class="title-text">Some Title</p>
        <MudSpacer />
        <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Info" Edge="Edge.End" OnClick="@((e) => DrawerToggle())" />
    </MudAppBar>
    <MudDrawer @bind-Open="@_drawerOpen" Anchor="Anchor.Right">
        <NavMenuMud />
    </MudDrawer>
    <MudMainContent>
        <MudContainer MaxWidth="MaxWidth.Medium" Class="pt-5">
            @Body
        </MudContainer>
    </MudMainContent>
</MudLayout>

@code {
    bool _drawerOpen = false;

    void DrawerToggle()
    {
        _drawerOpen = !_drawerOpen;
    }

NavMenuMud.razor

<MudNavMenu Bordered="true" Rounded="true" Margin="Margin.Dense" Color="Color.Info" Class="pa-2">
    <MudText Typo="Typo.h6" Class="px-4">Navigation</MudText>
    <MudText Typo="Typo.caption" Class="px-4 mud-text-secondary">Click to navigate</MudText>
    <MudNavLink Href="/" Match="NavLinkMatch.All" Icon="@Icons.Rounded.Home">Main page</MudNavLink>
    <MudNavLink Href="/Example1" Match="NavLinkMatch.Prefix" Icon="@Icons.Rounded.Info">Example1</MudNavLink>
    <MudNavGroup Title="List" Icon="@Icons.Rounded.ListAlt">
        <MudNavLink Href="/Example2">Example2</MudNavLink>
        <MudNavLink Href="/Example3">Example3</MudNavLink>
        <MudNavGroup Title="Examples">
            <MudNavLink Href="/Examples/Example4">Example4</MudNavLink>
        </MudNavGroup>
    </MudNavGroup>
</MudNavMenu>

除了这些，我当然还有一些带有内容的剃须刀组件（一些 MudTexts、MudPapers 等，没什么问题）。

4

0 回答 0