时间戳

首页 > 解决方案 > Blazor - 我如何设置从父母到孩子的参数

blazor - Blazor - 我如何设置从父母到孩子的参数

问题描述

我是 Blazor 的新手。

我有一个我创建的标题组件，在页面中我只有：

<h1 class="col-3">@HeaderText</h1>

然后在它后面的代码中我有：

[Parameter]
public string HeaderText {get; set;} = string.empty;

[Parameter]
public string Description {get; set;} = string.empty;

在我的一个页面中，我引用了该组件：

@using components

<div><MainHeader></MainHeader></div>

MainHeader 是我的组件。

所以在我页面后面的代码中，我想设置标题文本和描述。我知道 HeaderText，我可以简单地做：

<MainHeader HeaderText="blah"></MainHeader>

并且 Blah 会显示为标题，但是对于以这种方式设置的描述来说太多了。

有人可以告诉我如何做到这一点。

谢谢你。

标签： blazor

解决方案

这里没有真正看到问题：这是MainHeader.razor

<h1 class="col-3">@HeaderText</h1>
<h4>@Description</h4>
@code
{
[Parameter]
  public string HeaderText {get; set;}

  [Parameter]
  public string Description {get; set;}
}

在页面上你可以这样做

<MainHeader HeaderText="@header" Description="@description" />

@code
{
  string header = "Your header";
  string description = "Your description";

  protected override void OnInitialized() 
  {
    header = "Header can be changed";
    description "So can description";
  }
}

推荐阅读