如果你希望满足class="active on"的条件时添加activeon样式,可以使用以下代码:htmlCopy

<div :class="[radiaValue == index ? 'active' : '', anotherCondition ? 'on' : ''].join(' ')">内容</div>

在这个例子中,我们使用了数组和join方法来动态生成class属性的值。数组中的每个元素代表一个类名,join(' ')将数组中的元素用空格连接起来,形成最终的class属性值。

确保在CSS文件中定义了.active.on两个类名的样式规则,以确保它们被正确应用到元素上。

这样,当radiaValue等于index并且anotherCondition为真时,<div>元素将具有class="active on"的样式属性。

By lxcss

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注