在 vue.js 中使用 hasClass

Question

我知道我的这个设置并不理想，但是我需要检查输入元素的类。我刚刚开始在一个新项目中使用 Vue.js，但是我们有一个必须使用的表单验证库，它使用 jQuery。

如果不符合某些验证要求，我正在使用的验证库会向输入添加一个类。

如果我使用的是 jQuery，我可以只使用 hasClass 来检查输入元素是否有一个特定的类。

在 Vue 中，我不确定如何检查一个元素是否有一个类？

这是我想要实现的示例方法：

       methods: {
        nextStep: function() {
          const element = this.$el.querySelector("#conversation__tram-1 input");
          if (element has the class of is-valid) {
            Do something
          }

        },
      },

如您所见，我想检查输入字段是否具有 is-valid 类。你能想到我可以用 Vue.js 做到这一点的任何方法吗？谢谢。

原文由 Nick Maddren 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用元素的 classList 属性：

 if (element.classList.contains('is-valid')) {
  // Do something
}

原文由 thanksd 发布，翻译遵循 CC BY-SA 3.0 许可协议