将hasClass与vue.js一起使用

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做到这一点的任何方式吗？谢谢.

Answer 1

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

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