Advertisement

在Blazor中实现父子组件参数同步刷新

阅读量:

1.问题

在《参数与级联参数》这一篇中(注:此处可替换为具体章节名),我们掌握了关于参数的基本应用知识(注:此处可替换为具体知识点)。然而这种关系仅限于单向传递(注:此处可替换为具体场景描述),未能体现其潜在价值(注:此处可替换为具体价值体现)。

假设有下面两个组件::

  1. 子组件Counter,她接受一个参数,并且在每次点击按钮的时候给参数加1。
复制代码
    <!--Child Component: Counter-->
    <h3>Child Count: @CurrentCount</h3>
    <button class="btn btn-primary" @onclick="IncrementCount">Child Add</button>
    
    @code {
    [Parameter]
    public int CurrentCount { get; set; }
    
    private void IncrementCount()
    {
        CurrentCount++;
    }
    }

父组件CounterContainer会触发子组件Counter的运行,并传递当前状态的数据。同时配置一个按钮,在每次点击时会自增1。

复制代码
    <!--Parent Co

全部评论 (0)

还没有任何评论哟~