获取el-tree选中得节点

你可以通过以下代码获取 ElementUI 的 ElTree 组件中选中的节点：

this.$refs.tree.getCheckedNodes()

其中，`this.$refs.tree` 是对 ElTree 组件的引用，`getCheckedNodes()` 方法会返回一个包含所有选中节点的数组。如果你只需要获取当前选中的第一个节点，可以使用以下代码：

this.$refs.tree.getCheckedNodes()[0]

相关问题

elementui获取el-tree选中的节点Id

要获取 Element UI 中 el-tree 组件选中的节点的 ID，你可以使用以下方法：

1. 首先，给 el-tree 组件添加一个 ref 属性，例如：`ref="tree"`。

2. 在你的代码中，通过 `$refs` 对象引用该组件：`this.$refs.tree`。

3. 使用 `getCheckedNodes` 方法获取选中的节点数组，该方法返回一个包含选中节点的数组。

4. 遍历该数组，通过访问节点对象的 `id` 属性来获取节点的 ID。

下面是一个示例代码：

<template>
  <el-tree
    ref="tree"
    :data="data"
    show-checkbox
    node-key="id"
    default-expand-all
  ></el-tree>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          id: 1,
          label: 'Node 1',
          children: [
            { id: 2, label: 'Node 1-1' },
            { id: 3, label: 'Node 1-2' },
          ],
        },
        {
          id: 4,
          label: 'Node 2',
          children: [
            { id: 5, label: 'Node 2-1' },
            { id: 6, label: 'Node 2-2' },
          ],
        },
      ],
    };
  },
  methods: {
    getSelectedNodeIds() {
      const checkedNodes = this.$refs.tree.getCheckedNodes();
      const selectedNodeIds = checkedNodes.map(node => node.id);
      console.log(selectedNodeIds);
    },
  },
};
</script>

在上面的代码中，`getSelectedNodeIds` 方法会在控制台打印选中节点的 ID 数组。你可以根据自己的需求进行处理或进一步操作。记得在需要的地方调用 `getSelectedNodeIds` 方法获取选中节点的 ID。

el-tree选中父节点

要选中一个 el-tree 组件的父节点，可以通过以下步骤实现：

1. 获取要选中的父节点的 key 或者 data 属性值；
2. 通过该属性值找到该节点的所有子节点；
3. 遍历这些子节点，将它们的 node-key 属性值存储到一个数组中；
4. 调用 el-tree 组件的 setCheckedKeys 方法，将该数组作为参数传入。

具体代码实现如下：

// 获取要选中父节点的 key 或者 data 属性值
const parentKey = '1';

// 通过该属性值找到该节点的所有子节点
const children = this.$refs.tree.getNode(parentKey).childNodes;

// 遍历所有子节点，将它们的 node-key 属性值存储到一个数组中
const childKeys = [];
children.forEach(child => {
  childKeys.push(child.nodeKey);
});

// 调用 el-tree 组件的 setCheckedKeys 方法，将该数组作为参数传入
this.$refs.tree.setCheckedKeys(childKeys);

注意，这种方式只会选中父节点的所有子节点，而不会选中父节点本身。如果需要同时选中父节点和所有子节点，可以通过调用 el-tree 组件的 setChecked 方法来实现。