我有一个HTML元素,在运行时分配了几个类,如下所示:
<element class="class1 class2 class3 classN"></element>
使用Vue.js,我想根据数据模型切换class1
。我可以写:
<element v-bind:class="{ class1: ifClass1 }"></element>
问题是,此绑定将删除所有其他当前类(class2
到classN
)。
但我无法将这些类添加到绑定中,因为它们是在运行时动态添加的。我事先不知道这些类,因为它们是由外部框架添加的。
如何在Vue.js中只切换一个类?