如何在點擊按鈕時切換 Blazor 中的類別？

Question

我目前有一個 onclick 事件，可以像這樣切換類別：

....
<button id="@m.TargetCo.ButtonId" onclick="glyphChanger(this.id)" class="btn btn-default iconButton glyphicon glyphicon-chevron-right" ></button>
....
function glyphChanger(buttonID) {
    $("#" + buttonID).toggleClass('glyphicon-chevron-right glyphicon-chevron-up');
}

Answer 1

不需要 JavaScript。您可以透過 Blazor 方式執行此操作。

DropDownComponent.razor

#

Debug: @buttonCss
Test

@code {
    private string buttonCss = "glyphicon-chevron-right";
    private void ChangeButtonClass()
    {
        buttonCss = buttonCss == "glyphicon-chevron-right" ? "glyphicon-chevron-up" : "glyphicon-chevron-right";
    }
}

應用程式中的其他位置