Bootstrap

Element Tree 修改节点颜色

Tree 使用插槽,给定 slot-scope="{data}",通过 data 的状态设置节点颜色,slot 有两个参数 data,node

<el-tree
        lazy
        ref="tree"
        node-key="id"
        :props="props"
        :load="loadNode"
        v-if="treeState"
        highlight-current
        :expand-on-click-node="false"
        @current-change="currentChange">
  <span slot-scope="{data}" :class="(data.status == 0 || data.status == null) ? 'draft' : data.status == 1 ? 'wait' : data.status == 2 ? 'repulse' : data.status == 3 ? 'audit' : data.status == 4 ? 'pass' : ''">
    {{data.label}}
  </span>
</el-tree>
<style lang="less">
    .draft {
      color: #9b968d;
    }
    .wait {
      color: #35aed4;
    }
    .repulse {
      color: rgb(242 45 45);
    }
    .audit {
      color: rgb(242 45 45);
    }
    .pass {
      color: #07c110;
    }
</style>

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;