由于我是 Vue.js 的新手,任何人都可以帮助我如何像在 JQuery 中一样从元素中删除类。
$('.class1').removeClass("class2");
最佳答案
根据他们文档中的内容,我会说一些你不应该在你的代码中做的事情。
相反,您的 CSS 类应绑定(bind)到属性,并且类的存在应由属性值确定。
示例(来自文档):
<div v-bind:class="{ active: isActive }"></div>
上述语法意味着 active
类的存在将由数据属性 isActive
的真实性决定(如果 isActive IS true
- 类(class)将在那里)。
您可以通过在对象中添加更多字段来切换多个类。此外,v-bind: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 作为依赖项添加到您的应用程序并使用它(但这不是可取的)。
快乐的黑客:)
关于jquery - 如何在 vue.js 中删除类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53394835/