@*带事件的组件*@
<div>
<span>@Title</span>
<span>@Description</span>
<button class="btn btn-primary" @onclick="@(()=>OnClick.InvokeAsync(Title))">
Click me
</button>
</div>
@code {
[Parameter]
public string Title { get; set; } = "Product detail";
[Parameter]
public string Description { get; set; } = "description";
//事件
[Parameter]
public EventCallback<string> OnClick { get; set; }
}
@page "/HandleCallbacks"
<h3>调用带事件的组件</h3>
<div class="row mt-4">
<ProductTitlePrinter Title="Product 1" Description="Mv first product" OnClick=ClickedIt/>
</div>
@code {
//回调方法
public void ClickedIt(string product)
{
Console.WriteLine("Shipping: " + product ?? "Nothing?");
}
}
