段落中的 Blazor onchange

Question

在带有 EventCallback 的 Blazor 中，当子组件发生某些变化时，您可以运行在父组件中调用一个函数。在下面的示例中，子组件正在等待按钮单击，然后单击父组件运行s 所需的功能（父组件未显示）。

如果段落内部发生变化，是否有类似的方法从父组件中运行函数？

<p>Current count: @currentCount</p>
<button @onclick="OnChangeEvent" class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    [Parameter] public EventCallback OnChangeEvent { get; set; }
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

Answer 1

<button @onclick="OnChangeEvent" class="btn btn-primary" @onclick="IncrementCount">Click me</button>

此代码永远行不通。您不能两次使用 @onclick 指令。您可以改为执行以下操作：

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>


private void IncrementCount()
{
        currentCount++;

        OnChangeEvent.InvokeAsync();
}

Is there a way to similarly run the function from the parent component if something changes inside the paragraph?

什么是段落？您是指 <p> 元素吗？

如果是，那你的意思也是运行当currentCount改变时父组件的函数，对吧？在那种情况下，我上面的示例做了非常重要的事情...增加 currentCount 然后调用该函数。您也可以将值传递给函数。

段落中的 Blazor onchange

Blazor onchange in paragraph

c#

blazor

.net-5