在Blazor中,可以使用级联参数将数据从一个组件传递到另一个组件。以下是在MainLayout.razor和NavMenu.razor之间使用级联参数的示例代码:
@inherits LayoutComponentBase
@Body
@code {
List categories = new List { "Category 1", "Category 2", "Category 3" };
}
@inherits LayoutComponentBase
@foreach (var category in Categories)
{
- @category
}
@code {
[Parameter]
public List Categories { get; set; }
}
在上面的示例中,MainLayout.razor定义了一个List
请注意,级联参数的名称应该与接收它的组件中的属性名称相匹配。在NavMenu.razor中的[Parameter]属性用于接收来自MainLayout.razor的级联参数。
这样,NavMenu组件将显示MainLayout中定义的类别列表。