jquery - 如何在 vue.js 中删除类

Question

由于我是 Vue.js 的新手，任何人都可以帮助我如何像在 JQuery 中一样从元素中删除类。

$('.class1').removeClass("class2");

Answer 1

根据他们文档中的内容，我会说一些你不应该在你的代码中做的事情。

相反，您的 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 作为依赖项添加到您的应用程序并使用它(但这不是可取的)。

快乐的黑客:)