在Blazor中,您可以通过组件参数传递对象,从父组件向子组件传递对象数据。以下是一个示例,演示了如何在父组件中创建一个对象,并将其传递给子组件:
ParentComponent.razor(父组件)
@page "/parent"
<h3>Parent Component</h3>
<!-- 创建并传递对象到子组件 -->
<ChildComponent ChildData="childData" />
@code {
private MyObject childData = new MyObject
{
Id = 1,
Name = "Object from parent"
};
public class MyObject
{
public int Id { get; set; }
public string Name { get; set; }
}
}
ChildComponent.razor(子组件)
<h4>Child Component</h4>
<!-- 显示从父组件接收到的对象数据 -->
<p>Object ID: @ChildData.Id</p>
<p>Object Name: @ChildData.Name</p>
@code {
[Parameter]
public ParentComponent.MyObject ChildData { get; set; }
}
在上面的示例中,父组件(ParentComponent)创建了一个名为 childData
的对象,并将其传递给子组件(ChildComponent)作为参数。子组件通过 [Parameter]
属性接收并显示传递的对象数据。
请注意,ChildData
属性的类型必须与传递的对象的类型相匹配。在这个示例中,我们使用了一个内部类 MyObject
来表示对象的结构,但您可以使用任何C#类来表示您需要传递的数据。