ASP.NET Core Blazor 组件参数1

组件参数就是给自定义的组件设定的参数。

代码：

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事件。

结果：