如何从已定义的类名列表中删除特定的类

Question

需要从提供的类名称列表中删除特定的类。我发现只有Remove（）方法可以从元素中删除整个键值。我不需要那个

代码块

<div class="test1 test2 test3">

我需要从上述类名称中删除类test2。

任何人都可以提出解决方案吗？

Answer 1

这里是切换按钮添加或删除禁用类的示例

选择绑定到cssType

'btn-lg'在这里显示，您不需要使所有类的变量都变为变量

<div class="@ccsButton @ccsType @ccsDisabled btn-lg"> Testing</div>

<div style="margin-top:10px;">
    <button @onclick="ToggleEnable"  >Toggle Enable</button>
</div>

<div style="margin-top:10px;">
    <select @bind="ccsType">
        <option value="btn-primary" >btn-primary</option>
        <option value="btn-warning" >btn-warning</option>
        <option value="btn-success" >btn-success</option>
    </select>
</div>

@code{

 string ccsButton = "btn";
 string ccsType = "btn-primary";
 string ccsDisabled = "disabled";

void ToggleEnable()
{
    if(ccsDisabled == ""){ccsDisabled ="disabled";} else {ccsDisabled ="";}
}

}

这里是BlazorFiddle中此示例的Link