razor - 更改元素的类

Question

我看到了这篇文章，答案来自大约一年前，我希望现在有更好的方法来做到这一点。

user11623871的第二个答案似乎是我能找到的最好的方法，但是当有多个不同的类名应用于一个元素时，很难确保应用了所有正确的类名。

blazor 中是否有类似 JS 的东西，我可以简单地选择元素，然后在需要时删除或添加类？

在纯 js 中会是什么样子：

var element = document.getElementById("myDIV");
element.classList.add("mystyle");

标签： razorblazor

Answer 1

像这样的东西？

<div class="@string.Join(" ", CSSClasses)"></div>

<button type="button" @onclick="Add">ADD</button>
<button type="button" @onclick="Remove">REMOVE</button>

@code {

    private List<string> CSSClasses = new List<string>();

    void Add()
    {
        CSSClasses.Add("Class1");
        CSSClasses.Add("Class2");
    }


    void Remove()
    {
        CSSClasses.RemoveAll(x => x == "Class1");
    }
}