Blazor 布局是一个 Razor 组件,它与引用它的组件共享标记。 布局可以使用数据绑定、依赖关系注入和组件的其他功能。
布局组件
创建布局组件
要创建布局组件:
- 创建由 Razor 模板或 C# 代码定义的 Razor 组件。 基于 Razor 模板的布局组件像普通 Razor 组件一样使用 .razor 文件扩展名。 由于布局组件是在应用组件间共享的,因此它们通常放置在应用的共享或布局文件夹中。 但是,布局可以放置在使用它的组件可访问的任何位置。 例如,可以将布局放在使用它的组件所在的同一文件夹中。
- 组件继承自
LayoutComponentBase
。LayoutComponentBase
为布局内呈现的内容定义Body
属性(RenderFragment
类型)。 - 使用 Razor 语法
@Body
在布局标记中指定呈现内容的位置。
以下 DoctorWhoLayout
组件显示布局组件的 Razor 模板。 布局继承 LayoutComponentBase
并在导航栏 (<nav>...</nav>
) 和页脚 (<footer>...</footer>
) 之间设置 @Body
。
@inherits LayoutComponentBase