Blazor对段落进行了更改



在带有EventCallback的Blazor中,当子组件发生变化时,您可以在父组件中运行函数。在下面的示例中,子组件正在等待按钮单击,单击后父组件将运行所需的功能(未显示父组件(。

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

<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++;
}
}
<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();
}

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

什么是段落?你指的是<p>元素吗?

如果是,那么您的意思也是在currentCount更改时从父组件运行函数,对吗?在这种情况下,我上面的例子正好。。。递增currentCount,然后调用函数。您也可以将值传递给函数。

相关内容

  • 没有找到相关文章

最新更新