在 Blazor 下禁用页面布局

Question

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

  @{
    Layout = null
  }

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

如何在 Blazor 中实现这一点？

Answer 1

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

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

的新空 razor component

EmptyLayout.razor

@inherits LayoutComponentBase

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

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

@layout EmptyLayout

Disable layout for page under Blazor