MudBlazor - 导航后关闭侧边栏
MudBlazor - close sidebar after Navigation
问题:导航到另一个页面后边栏没有关闭。
我试过的方法:将 OnClick=""
事件添加到 <MudNavLink>
以关闭侧边栏,但是如果我这样做,它将覆盖href
(意味着它关闭侧边栏,但不导航到另一个页面)。
<MudLayout>
<MudAppBar Elevation="3">
<MudIconButton Style=" margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); " Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="ToggleSidebar" />
</MudAppBar>
<MudDrawer Open="_sidebarOpen" Elevation="1">
<MudNavMenu>
<MudNavLink Href="/index" Match="NavLinkMatch.All" Icon="@Icons.Filled.Home">Home</MudNavLink>
...
</MudNavMenu>
</MudDrawer>
</MudLayout>
已添加 Variant="DrawerVariant.Temporary"
:
...
<MudDrawer @bind-Open="_sidebarOpen" Elevation="1" Variant="DrawerVariant.Temporary">
...
问题:导航到另一个页面后边栏没有关闭。
我试过的方法:将 OnClick=""
事件添加到 <MudNavLink>
以关闭侧边栏,但是如果我这样做,它将覆盖href
(意味着它关闭侧边栏,但不导航到另一个页面)。
<MudLayout>
<MudAppBar Elevation="3">
<MudIconButton Style=" margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); " Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="ToggleSidebar" />
</MudAppBar>
<MudDrawer Open="_sidebarOpen" Elevation="1">
<MudNavMenu>
<MudNavLink Href="/index" Match="NavLinkMatch.All" Icon="@Icons.Filled.Home">Home</MudNavLink>
...
</MudNavMenu>
</MudDrawer>
</MudLayout>
已添加 Variant="DrawerVariant.Temporary"
:
...
<MudDrawer @bind-Open="_sidebarOpen" Elevation="1" Variant="DrawerVariant.Temporary">
...