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

【问题标题】：How to remove a particular class from the list of classnames defined如何从定义的类名列表中删除特定类
【发布时间】：2020-02-05 08:44:45
【问题描述】：

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

代码块

<div class="test1 test2 test3">

我需要从上面的类名中删除类test2。

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

【问题讨论】：

你没有提到你想使用什么语言或框架。
添加标签为 blazor

标签： blazor

【解决方案1】：

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

select 绑定到 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

【讨论】：