Blazor 组件（服务器端）。隐藏任何共享组件

Question

是否可以在 Blazor 中只显示特定组件？我不想 display/show 主菜单或顶部的登录按钮。只有颗粒成分的含量。例如：当用户导航到特定 URL 时仅显示 'Weather forecast' table，而不显示任何共享组件，如 MainLayout 或 NavMenu。

Answer 1

Blazor 使用默认布局，它是 Shared\MainLayout.razor
在那里你可以看到菜单和顶行是如何设置的。

首先，定义您自己的极简布局：

Shared\ClearLayout.razor

@inherits LayoutComponentBase

<div class="page">
    @Body
</div>

然后在 FetchData.razor 的顶部添加 1 行：

@page "/fetchdata"
@layout ClearLayout

<PageTitle>Weather forecast</PageTitle>

...

Blazor components (Server-Side). Hide any shared component