如何在 Blazor 中有条件地应用 onclick:stopPropagation

Question

我的组件中有一个按钮，我使用

@onclick:stopPropagation

来阻止点击传播到父组件。

<div class="btn btn-danger" @onclick:stopPropagation @onclick="OnButtonClick">

但是在某些情况下我不想停止传播。我如何有条件地做到这一点？

Answer 1

我没有意识到

@onclick:stopPropagation

采用了布尔参数。解决办法是：

<div class="btn btn-danger" @onclick:stopPropagation="ShouldStopClickPropagation" @onclick="OnButtonClick">

@code {
   private bool ShouldStopClickPropagation => YourConditionalLogicHere;
}