如何以编程方式设置Blazor组件的布局？

Question

在Razor视图中，有一个名为Layout的属性，它使我可以使用代码设置该视图的布局，就像这样

@{
    Layout = "_MyLayout";
}

现在Blazor组件中有类似的东西可以像剃刀视图一样以编程方式设置组件的布局吗？我现在看到的是，可以使用这样的组件顶部的指令对组件的布局进行硬编码

@layout MyLayout

能够使用代码进行设置将非常有帮助。

Answer 1

您可以使用 _Imports.razor 文件

在文件夹和子文件夹中指定所有组件的布局。

请参见下图，其中添加了两个布局MainLayout.razor和MainLayout1.razor，然后在_Imports.razor中将Layout设置为MainLayout1。它将应用于相应文件夹中的所有组件。

参考https://docs.microsoft.com/en-us/dotnet/architecture/blazor-for-web-forms-developers/pages-routing-layouts