Javascript 引导行变量元素不是';不要改变行的颜色

Javascript 引导行变量元素不是';不要改变行的颜色,javascript,vue.js,bootstrap-4,frontend,Javascript,Vue.js,Bootstrap 4,Frontend,我的代码当前正在使用基于“opCond”元素的行变量填充对象数组,检查控制台后,每个对象都有自己的行变量,但行的颜色不会改变。我注意到,当我浏览桌子时,它有时会弹到彩色的行,但不会一直这样。以下是填充数组的方法: addRowVariant(array){ array.forEach(function (element) { if(element.opcond == "BRB"){ element._rowVar

我的代码当前正在使用基于“opCond”元素的行变量填充对象数组,检查控制台后,每个对象都有自己的行变量,但行的颜色不会改变。我注意到,当我浏览桌子时,它有时会弹到彩色的行,但不会一直这样。以下是填充数组的方法:

      addRowVariant(array){
        array.forEach(function (element) {
        if(element.opcond == "BRB"){
          element._rowVariant = "danger"
        }
        else if(element.opcond == null){
          element._rowVariant = "warning";
        }
        else {
          element._rowVariant = "success";
        }
        });
      }
下面是控制台日志:

我无法截屏的行颜色闪烁瞬间,因为它太快了。但这是结果表的图像,如您所见,没有颜色:

提前谢谢你