el-tree选中后收起

可以通过监听 el-tree 的 node-click 事件，在事件回调函数中获取当前点击节点的 label 值。具体实现如下：

1. 在 el-tree 上添加 node-click 事件监听：

<el-tree
  :data="treeData"
  node-key="id"
  @node-click="handleNodeClick"
></el-tree>

2. 在 methods 中定义 handleNodeClick 方法：

methods: {
  handleNodeClick(data) {
    console.log(data.label);
  }
}

3. 当用户点击 el-tree 中的节点时，handleNodeClick 方法会被调用，data 参数即为当前点击节点的数据对象，通过 data.label 即可获取该节点的 label 值。

相关问题

el-tree父级收起 子级选中失效

你好！对于el-tree的问题，当父级节点收起时，子级节点的选中状态确实会失效。这是因为el-tree组件默认情况下只在展开节点时才会渲染子节点，而在收起节点时会将子节点从DOM中移除，导致子节点的选中状态丢失。

要解决这个问题，你可以使用el-tree的"lazy"属性。当设置"lazy"属性为true时，el-tree将在展开节点时动态加载子节点，而不是在渲染时就将所有子节点都显示出来。这样即使父级节点收起，子级节点的选中状态也能够被保留。

下面是一个示例代码：

<el-tree :data="treeData" :lazy="true">
</el-tree>

data() {
  return {
    treeData: [
      {
        label: '父级1',
        children: [],
        lazy: true  // 设置lazy属性为true
      },
      {
        label: '父级2',
        children: [],
        lazy: true
      }
    ]
  }
}

这样配置后，当你展开父级节点时，子级节点会被动态加载并显示，选中状态也能够被保留。希望这能帮到你！如果还有其他问题，请随时提问。

el-tree 点击选中颜色

您可以通过自定义 CSS 样式来实现 el-tree 组件的点击选中颜色效果。以下是一个示例：

/* 选中节点的背景色 */
.el-tree-node.is-current .el-tree-node__content {
  background-color: #eaf1fe;
}

/* 选中节点的文字颜色 */
.el-tree-node.is-current .el-tree-node__label {
  color: #409eff;
}

您可以根据自己的需要调整背景色和文字颜色的数值。将上述 CSS 样式添加到您的项目中的样式文件或者在组件中的 `<style>` 标签中即可生效。

另外，如果您希望点击节点时仅选中节点而不展开或收起节点，可以通过设置 el-tree 的 `expand-on-click-node` 属性为 `false` 来实现：

<el-tree :data="treeData" :expand-on-click-node="false"></el-tree>

这样点击节点时将仅触发选中效果而不会展开或收起节点。希望对您有帮助！如果还有其他问题，请随时提问。