组件参数就是给自定义的组件设定的参数。
代码:
Counter.razor
@page "/counter"
<PageTitle>@Message1</PageTitle>
<h1>@Message</h1>
@code {
[Parameter]
public string Message{set;get;} = "";
public string Message1{set;get;} = "";
protected override void OnParametersSet()
{
if (Message == "")
{
Message1 = "OnParametersSet empty";
}
else
{
Message1 = "OnParametersSet is" + Message;
}
}
}
index.razor
@page "/"
<PageTitle>@UserName</PageTitle>
<div>
<Counter Message="你好"></Counter>
</div>
<button class="btn btn-primary">@UserName</button>
如下定义一个组件(页面?)Counter,并在页面index中调用。
Counter定义了一个参数Message,可以在调用该组件时传入参数。
注意:设置参数后,会触发组件的OnParametersSet事件。
结果:
![](https://i-blog.csdnimg.cn/blog_migrate/712928925eaa34951b466ed2cfba6a74.png)