如何在vue.js中删除类

Question

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

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

Answer 1

从他们的文档中所写的内容来看，我会说一些您不应该在代码中执行的操作。

相反，您的CSS类应绑定到属性，并且类的存在应由属性值确定。

示例（来自docs）：

<div v-bind:class="{ active: isActive }"></div>

上面的语法意味着active该类的存在将由data属性的真实性确定isActive（如果isActive IS true-类存在）。

您可以通过在对象中具有更多字段来切换多个类。另外，该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。

我相信这是正确的方法:)请查看文档以了解更多详细信息。

如果由于某种原因需要删除一个类，则可以将jQuery作为依赖项添加到您的应用程序中并使用它（但这不是可取的）。

快乐黑客：）