elementui分割线虚线

要在element-ui的el-tree组件中添加分割线虚线效果，你可以按照以下步骤进行操作：

1. 首先，在el-tree组件的样式中，添加一个::before伪元素来创建竖直的虚线分割线。你需要将其设置为绝对定位，左侧对齐，并根据需要调整宽度和颜色。

2. 接下来，在el-tree-node类选择器中，添加一个::after伪元素来创建水平的虚线分割线。你需要将其设置为绝对定位，左侧留出一定的空隙，并根据需要调整宽度、高度和颜色。

3. 如果你的el-tree节点是最后一个节点，你还可以通过添加:nth-last-child(2)::before伪选择器来调整最后一个节点的竖直虚线高度。

4. 如果你的el-tree节点是第一个节点，你可以通过添加:first-child:before伪选择器来调整第一个节点的竖直虚线高度。

5. 最后，在el-tree组件上添加class="tree"，并设置indent="0"属性，以确保相邻级别节点之间的水平缩进。

以下是一个示例的el-tree组件代码，其中包含了上述的样式和属性设置：

<el-tree :load="loadTree" lazy :props="defaultProps" highlight-current @node-click="handleNodeClick" class="tree" :indent="0">
  <span slot-scope="{ data }">
    <i :class="data.iconSkin" class="tree-icon" />
    <span style="padding-left:4px;font-size:0.3rem">{{ data.name }}</span>
  </span>
</el-tree>

然后，你可以根据需要自定义样式，比如调整颜色、宽度和高度等，以获得你想要的虚线效果。