sunny123456

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

elementui 自定义树形控件特定行里字体的颜色

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()
  }

https://www.csdn.net/tags/MtTaEgysMDkwMjkxLWJsb2cO0O0O.html
posted on 2022-04-27 12:35  sunny123456  阅读(313)  评论(0编辑  收藏  举报