在 Blazor 下禁用页面布局

Question

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

  @{
    Layout = null
  }

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

如何在 Blazor 中实现这一点？

Answer 1

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

第 1 步：首先创建一个razor component名为EmptyLayout.

EmptyLayout.razor

@inherits LayoutComponentBase

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

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

@layout EmptyLayout