首页 > 其他分享 >el-tree实现树形结构叶子节点和非叶子节点的区分显示的写法

el-tree实现树形结构叶子节点和非叶子节点的区分显示的写法

时间:2023-04-28 15:46:59浏览次数:40  
标签:node el tree 叶子 data 节点

需求,非叶子节点显示 主题名称+主题下的指标;叶子节点显示代码+名称

1、设置prop属性

<el-tree
            :data="dimListTree"
            ref="dimListTree"
            row-key="getGroup"
            :props="treeProps"
            :allow-drop="allowDropTree"
            draggable
            default-expand-all
            id="left2_tree"
            node-key="id"
            style="margin-left: 10px"
        />

//

treeProps:{
children:'children', //叶子节点数据
label:function (data,node) { //显示内容
if (node.isLeaf){
//是叶子节点
return data.code+'-'+data.desc
}
else{
return data.desc
}

}
},

 

效果

 

标签:node,el,tree,叶子,data,节点
From: https://www.cnblogs.com/Timeouting-Study/p/17362359.html

相关文章

  • ElasticSearch是什么
    一、ElasticSearch简介ElasticsearchElasticsearch是一个基于ApacheLucene(TM)的开源搜索引擎。无论在开源还是专有领域,Lucene可以被认为是迄今为止最先进、性能最好的、功能最全的搜索引擎库。特点:分布式的实时文件存储,每个字段都被索引并可被搜索分布式的实时分析搜索引......
  • 动力节点老杜Vue框架教程【五】Vuex
    Vue.js是一个渐进式MVVM框架,目前被广泛使用,也成为前端中最火爆的框架Vue可以按照实际需要逐步进阶使用更多特性,也是前端的必备技能动力节点老杜的Vue2+3全家桶教程已经上线咯!学习地址:https://www.bilibili.com/video/BV17h41137i4/视频将从Vue2开始讲解,一步一个案例,知识点......
  • 如何在Timeline中创建自定义轨道?
    你好,我是跟着大智学Unity的萌新,我叫小新,这是我本周的学习总结报告哦。用过一段时间Timeline后,我问大智:“Timeline中只有这么几个轨道么?我发现有的需求这些轨道根本没办法满足,使用之前学过的PlayableTrack也很麻烦,还有其他办法么?”大智:“你遇到了什么问题呢?”小新:“之前咱们学的那......
  • 揭开Timeline中Playable Track的神秘面纱
    你好,我是跟着大智学Unity的萌新,我叫小新,这是我本周的学习总结报告哦。大智:“小新,学习PlayableTrack之前你了解它么?”小新:“还真不了解,我尝试过,但是添加以后一片空白,啥都没有,就不知道该怎么用了。”大智:“那估计有很多同学也遇到过这种情况,你今天就带着大家一起探索下吧。”小新:“......
  • Timeline的Animation Track详解
    你好,我是跟着大智学Unity的萌新,我叫小新,这是我本周的学习总结报告哦。在Timeline中,AnimationTrack可能是我们用的最多的一个轨道了,而且功能也相对比较多,今天小新就来总结一下AnimationTrack经常用到的那些功能。在Timeline中录制基本动画你可以直接在Timeline的Animation轨道上录......
  • shell脚本中if的“-e,-d,-f”
    文件表达式-efilename如果filename存在,则为真-dfilename如果filename为目录,则为真 -ffilename如果filename为常规文件,则为真-Lfilename如果filename为符号链接,则为真-rfilename如果filename可读,则为真 -wfilename如果filename可写,则为真 -xfilename如果fi......
  • Linux 实用shell脚本
    1.查看有多少远程的IP在连接本机#!/bin/bash#!/bin/bash#查看有多少远程的IP在连接本机(不管是通过ssh还是web还是ftp都统计)#使用netstat‐atn可以查看本机所有连接的状态,‐a查看所有,#-t仅显示tcp连接的信息,‐n数字格式显示#LocalAddress(第四......
  • 基础备忘(生成EXCEL和CSV文件)
    生成EXCEL和CSV文件通过POI操作生成EXCEL本身没有什么难度,主要记住以下几个概念就行。引包,excel本身有不同版本,POI包也有所不同。workbook、sheet、row、cell、style之间的关系添加maven引用<dependency><groupId>com.opencsv</groupId><artif......
  • Linux shell script read file line by line All In One
    LinuxshellscriptreadfilelinebylineAllInOneLinuxshell脚本逐行读取文件Ijustwanttoreplacethegrepcommand,andfilterouttherealIPaddress192.168.18.195withnativeshellsyntax.#!/usr/bin/envbashIPs=$(ifconfig|grep-oE'192\.168......
  • ELK告警设置-Elastaler2
    一、环境说明机器:172.26.8.146系统:Centos7.9ELK:7.6版本 二、部署安装2.1 镜像下载文档:https://elastalert2.readthedocs.io/en/latest/index.htmldockerpull jertel/elastalert2 2.2配置文件配置可参考https://github.com/jertel/elastalert2    目录中的......