blazor - 在 Blazor 下禁用页面布局

Question

在 Razor 语法中，要禁用特定页面的布局，我们可以这样做:

  @{
    Layout = null
  }

在 Blazor 中，它的约定由 @layout 定义。 .但是，我看不到如何将其设置为空/禁用。我希望仅将其应用于 index.razor页。

如何在 Blazor 中实现这一点？

Answer 1

在我的 Blazor-server-side项目，我通过以下两个步骤解决了这个问题。

第一步:先新建一个空razor component命名 EmptyLayout .

EmptyLayout.razor

@inherits LayoutComponentBase

<div class="main">    
    <div class="content px-4">
        @Body
    </div>
</div>

第 2 步，设置 Layout=null , 我在所有必需页面的顶部使用以下代码

@layout EmptyLayout