sunny123456

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
  1796 随笔 :: 22 文章 :: 24 评论 :: 226万 阅读
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

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   sunny123456  阅读(326)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示