VUE element Tree 没有子级时隐藏展开图标

 

 先给树结构添加一个props，注意！    :props="defaultProps"

  <el-tree :data="treeList" :props="defaultProps" @node-click="handleNodeClick"></el-tree>

JS

在data中添加

defaultProps: {
    children: 'children',
    label: 'id',
    isLeaf: (data, node) => {
      if (node.level === 2) {
         return true
       }
     }
},
 

 

CSS

最后用css隐藏

/deep/ {
  .is-leaf::before {
    // 隐藏或加透明都可以
    // display: none;
    opacity: 0;
  }
}