根据他们文档中的内容,我认为这是代码中不应该做的事情.
相反,CSS类应该绑定到属性,并且类的存在应该由属性值决定.
示例(来自文档):
<div v-bind:class="{ active: isActive }"></div>
上面的语法意味着active
类的存在将由数据属性isActive
的真实性决定(如果有isActive IS true
类).
通过在对象中设置更多字段,可以切换多个类.此外,v-bind:class
指令还可以与plain class属性共存.因此,考虑到以下模板:
<div class="static"
v-bind:class="{ active: isActive, 'text-danger': hasError }">
</div>
以下数据和数据:
data: {
isActive: true,
hasError: false
}
它将呈现:
<div class="static active"></div>
当isActive
或hasError
发生变化时,课程列表将相应更新.例如,如果hasError
变为true,则类列表将变为static active text-danger
.
我相信这是正确的方式:)请查看the documentation了解更多细节.
如果出于某种原因需要删除一个类,可以将jQuery作为依赖项添加到应用程序中并使用它(但这并不可取).
快乐黑客:)