vue 组件el-tree添加结构指示线条

在Vue中使用Element UI的el-tree组件时，要添加结构指示线条，您可以通过CSS样式来实现。Element UI的el-tree组件默认不会显示线条，但是您可以通过覆盖其默认样式来显示。

以下是一个简单的CSS样式示例，用于为el-tree组件添加结构线条：

/* 添加树节点之间的连接线条 */
.el-tree .el-tree-node__children {
  padding-left: 24px;
}
 
.el-tree-node__inner:before {
  content: "";
  position: absolute;
  left: -24px;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #eaeaea;
  height: 100%;
  top: 0;
}
 
.el-tree-node__child:before {
  content: "";
  position: absolute;
  left: 0;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #eaeaea;
  height: 100%;
  top: -1px;
  right: auto;
}
 
.el-tree-node:last-child:before {
  height: 38px;
}

将上述CSS添加到您的Vue项目的样式文件中，并确保该样式文件被加载，el-tree组件将显示结构线条。

请注意，这些样式是基于Element UI的默认样式和结构进行定制的，如果Element UI更新后结构有所变化，可能需要调整相应的CSS样式。