Блог

Главная - Вопросы по программированию - Мой ящик с NavMenu исчез после обновления MudBlazor

Мой ящик с NavMenu исчез после обновления MudBlazor

#blazor #navigation-drawer #mudblazor

#blazor #навигация-ящик #mudblazor

Вопрос:

Я только что обновил свое приложение до версии 1.1.2 MudBlazor, и теперь мой ящик исчез. Раньше все работало нормально. Мой макет выглядит так (для краткости удалено некоторое содержимое):

 <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, это работает. Я хочу использовать новую версию, потому что она поддерживает тематизацию, поэтому я не могу вернуться. Как мне снова заставить ящик работать?

Комментарии:

1. Возможно, вам также необходимо обновить приложение Blazor до более поздней версии !?

Ответ №1:

1.1.2 вносит некоторые критические изменения. Вам нужно установить для свойства MudDrawer Open значение true

<MudDrawer Open="true">

или назначьте свою переменную DrawerOpen, чтобы контролировать, открыта она или нет

<MudDrawer Open="@DrawerOpen">

Ответ №2:

 <MudLayout>
    <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" bind-Open="DrawerOpen">
        <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>