事件回调HandleCallbacks

最新推荐文章于 2023-07-02 10:37:17 发布

flyingdream123

最新推荐文章于 2023-07-02 10:37:17 发布

阅读量391

点赞数

CC 4.0 BY-SA版权

分类专栏： Blazor

本文链接：https://blog.csdn.net/flyingdream123/article/details/108921951

Blazor 专栏收录该内容

27 篇文章

订阅专栏

这篇博客介绍了如何在Blazor中创建和使用带有事件的组件。`ProductTitlePrinter`组件展示了如何定义`Title`和`Description`参数以及一个`OnClick`事件回调。在示例中，`ClickedIt`方法被调用，当用户点击按钮时，产品标题被打印到控制台。这展示了Blazor中组件间的交互和事件传递机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@*带事件的组件*@
<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?");
    }

}