如果你希望满足class="active on"
的条件时添加active
和on
样式,可以使用以下代码:htmlCopy
<div :class="[radiaValue == index ? 'active' : '', anotherCondition ? 'on' : ''].join(' ')">内容</div>
在这个例子中,我们使用了数组和join
方法来动态生成class
属性的值。数组中的每个元素代表一个类名,join(' ')
将数组中的元素用空格连接起来,形成最终的class
属性值。
确保在CSS文件中定义了.active
和.on
两个类名的样式规则,以确保它们被正确应用到元素上。
这样,当radiaValue
等于index
并且anotherCondition
为真时,<div>
元素将具有class="active on"
的样式属性。