为el-tree添加这两个属性 class="tree-line":indent="0" 完整代码 <el-treeclass="tree-line":indent="0":data="treeOption":props="defaultProps"@node-click="getCurrentNode"> style // 记得去掉scoped.tree-line{.el-tree-node{position:relative;padding-left:16px;// 缩进量}.el-tree-node__child...
在控制台查看 el-tree 渲染后的HTML结构,找到相应的节点添加伪元素,利用伪元素的border属性加上定位实现虚线效果。 渲染后HTML结构如下,可发现树的结构是由一个类名为el-tree-node的div包裹着两个分别代表节点本身和子节点集的div 递归遍历生成的,类名为el-tree-node的div就是一个单位。所以我们只要在这个div上...