zoukankan      html  css  js  c++  java
  • elementUI树形控件实现隔行变色

    elementUI树形控件实现隔行变色?别想了,elementUI没有这个属性。

    只能通过原生js写了。

    找到  el-tree-node__content  这个类进行dom操作

    定义一个方法在updated里调用,一定要在updated里,其他生命周期是不行的。

      // 隔行变色
        changeColor() {
          var content = document.getElementsByClassName('el-tree-node__content');
          for (var i = 0; i < content.length; i++) {
            if (i % 2 === 0) {
              content[i].style.background = '#ebeef5';
            } else {
              content[i].style.background = '';
            }
          }
        }
     updated() {
        this.changeColor();
      },

    然后就可以了

  • 相关阅读:
    11.26
    数组
    JavaScript
    2018.11.26
    input标签
    HPH 函数
    jQuery
    19/1/3数组
    2018/12/26//循环体
    12/25
  • 原文地址:https://www.cnblogs.com/luguankun/p/12598502.html
Copyright © 2011-2022 走看看