classList.add在Vuetify项目中不起作用

时间:2019-06-10 18:37:49

标签: vue.js button click vuetify.js

我有一个函数,它通过一系列按钮循环检查其ID。如果id与变量字符串匹配,则该按钮应添加一个类。我已经能够以正确检测到具有匹配类的按钮的方式构建该方法,但是我无法向其添加类。实际上,除了 添加一个类,我几乎可以做任何事情,例如直接编辑其CSS或在控制台中记录该元素。

这是循环方法:

 checkLoop(){
  var buttons = document.getElementsByClassName('step');
  var currentStep = this.step; 

  Array.from(buttons).forEach(function(button){
    if (button.id == currentStep) {
      button.classList.add('active');
      button.style.border("5px solid red";
      console.log(button);
    } else {
      button.classList.remove('active');
    }
  })
},

此方法运行时,正确选择与变量字符串(currentStep)匹配的指定按钮,我知道这是因为该按钮已登录到控制台,并带有5px红色边框。现在我该如何添加课程呢?

0 个答案:

没有答案