一种基于riosJS中的1验证在DOM元素上添加多个类的方法

时间:2018-11-07 16:41:34

标签: html riotjs

比方说,我想基于我拥有的布尔变量在选择的DOM元素上添加2个类。只需完成一堂课,那真的很简单:

<span class="{ class1 : variable }">Text</span>

但是2个以上的班呢?

我尝试过:

<span class="{ class1, class2 : variable }">Text</span>

<span class="{ ['class1', 'class2'] : variable }">Text</span>

<span class="{ class1 &amp;&amp; class2 : variable }">Text</span>

有实际的方法吗?还是现在不可能?

我只是想避免这样做:

<span class="{ class1: variable } { class2: variable }">Text</span>

谢谢。

1 个答案:

答案 0 :(得分:1)

有可能,是的。

如果class1class2是实际的CSS类,则可以使用:

<div class={"class1 class2": flag}>text</div>

如果class1class2只是持有CSS类名的变量,那么我会使用类似这样的东西:

<div class={flag ? `${this.class1} ${this.class2}` : ''}>text</div>