vue el-tree添加层级指示线

1.div中放个tree
注意设置:  :indent="0",否则节点会出现较大缩进

 


                 :data="data" :indent="0" node-key="id" default-expand-all :expand-on-click-node="false" lazy>
   

 

2.设置样式
注意:tree-container是tree父容器的class name,通过此方法设置tree的根节点样式

.tree-container /deep/ .el-tree > .el-tree-node:after {
  border-top: none;
}

3.效果图

vue el-tree添加层级指示线_第1张图片

你可能感兴趣的:(vue,前端框架,插件)