elementui 自定义树形控件特定行里字体的颜色 content[i].style.color = '#ffff'

elementui 自定义树形控件特定行里字体的颜色 content[i].style.color = '#ffff'

elementui没有设置特定行里字体颜色的属性，只能用原生js来实现。

效果图：

上代码：

// elementui树形控件特定行字变颜色
    changeColor() {
      var content = document.getElementsByClassName('el-tree-node__label')
      for (var i = 0; i < content.length; i++) {
        if (i === 1 || i === 2 || i === 3 || i === 4 || i === 6 || i === 7 || i === 9 || i === 10 || i === 11 || i === 13) {
          content[i].style.color = '#ffff'
        } else {
          content[i].style.color = '#01FFFF'
        }
      }
    }

updated() {
    this.changeColor()
  }