更新 MudBlazor 后，我的带有 NavMenu 的抽屉消失了

Posted 2023-03-27

【中文标题】更新 MudBlazor 后，我的带有 NavMenu 的抽屉消失了

【英文标题】：My Drawer with the NavMenu disappeared after updating MudBlazor

【发布时间】：2021-02-23 20:52:48

【问题描述】：

我刚刚将我的应用程序更新到 MudBlazor 版本 1.1.2，现在我的抽屉不见了。在它工作正常之前。我的布局看起来像这样（为简洁起见删除了一些内容）：

<MudLayout DrawerOpen="@DrawerOpen">
    <MudAppBar Elevation="1">
        <MudIconButton Icon="@Icons.Material.Menu" Color="Color.Inherit" Edge="Edge.Start" 
               OnClick="@(()=>DrawerOpen=!DrawerOpen)" />
        <MudAppBarSpacer />
        <MudIconButton Icon="@Icons.Custom.GitHub" Color="Color.Inherit" />
    </MudAppBar>
    <MudDrawer Elevation="1">
        <MudDrawerHeader>
            <MudText Typo="Typo.h6">My Test App</MudText>
        </MudDrawerHeader>
        <MudNavMenu>
             ... my nav links here ...
        </MudNavMenu>
    </MudDrawer>
    <MudMainContent Class="pt-16 px-16">
        <MudContainer Class="mt-6">
            ... my main content here ...
        </MudContainer>
    </MudMainContent>
</MudLayout>

当我恢复到版本 1.1.1 时，它可以工作。我想使用新版本，因为它支持主题，所以我无法恢复。如何让抽屉再次工作？

【问题讨论】：

也许您还需要将 Blazor 应用升级到更高版本！？

【参考方案1】：

1.1.2 引入了一些重大更改。您需要将 MudDrawer Open 属性设置为 true

<MudDrawer Open="true">

或分配您的变量 DrawerOpen，以控制它是否打开

<MudDrawer Open="@DrawerOpen">