假设我想根据我得到的布尔变量在我选择的DOM元素上添加2个类。有了1个课程,它会非常简单,只需做:
<span class="{ class1 : variable }">Text</span>
但是2+班呢?
我试过:
<span class="{ class1, class2 : variable }">Text</span>
<span class="{ ['class1', 'class2'] : variable }">Text</span>
<span class="{ class1 && class2 : variable }">Text</span>
有实际的方式还是现在不可能?
我只是想避免这样做:
<span class="{ class1: variable } { class2: variable }">Text</span>
谢谢。
这是可能的,是的。
如果class1
和class2
是实际的CSS类,这将起作用:
<div class={"class1 class2": flag}>text</div>
如果class1
和class2
只是持有CSS类名的变量,我会使用这样的东西:
<div class={flag ? `${this.class1} ${this.class2}` : ''}>text</div>