element级联选择器中模糊搜索时getCheckedNodes()获取不到当前节点

### Element UI 级联选择器获取父节点的方法 在使用 Element UI 的级联选择器组件时，可以通过 `getCheckedNodes` 方法来获取当前选中的节点及其祖先节点的信息。此方法会返回一个数组，其中包含了所有被选中的节点对象以及它们的相关属性。 以下是实现获取父节点的具体方式： #### 使用 `getCheckedNodes` 方法 通过调用 `this.$refs['cascader'].getCheckedNodes(true)` 并传递参数 `true`，可以确保返回的结果不仅包含叶子节点，还包含路径上的所有父节点[^1]。 ```javascript handleChange(val) { const checkedNodes = this.$refs['cascader'].getCheckedNodes(true); console.log('checkedNodes:', checkedNodes); // 遍历所有选中的节点并提取其信息 const parentNodeInfos = []; for (const node of checkedNodes) { if (!node.isLeaf) { // 判断是否为非叶子节点（即父节点） parentNodeInfos.push({ label: node.label, value: node.value, pathLabels: node.path Labels, // 节点路径标签 data: node.data // 自定义数据 }); } } console.log('Parent Nodes Info:', parentNodeInfos); } ``` 在此代码片段中，`getCheckedNodes(true)` 返回的是一个数组，每个元素代表一个节点的对象。这些对象具有诸如 `label`, `value`, 和 `data` 属性等，能够帮助我们进一步操作或展示所需的数据。 #### 关于 Props 配置的重要性 如果未正确配置 `props` 参数，则可能需要手动递归遍历整个树结构以找到所需的父节点信息[^2]。然而，合理设置 `props` 后可以直接利用框架内置的功能简化开发流程。 例如，在初始化级联选择器时应指定如下 props 设置： ```javascript props: { expandTrigger: 'hover', checkStrictly: true, // 支持单击任意一级触发回调而不局限于最底层项 }, ``` 这样做的优势在于无需额外编写逻辑去解析复杂的嵌套关系即可轻松访问到各级别的父子关联情况。 --- ### 总结 为了高效地从 element-ui 的 cascader 组件里取得所关心的父节点资料，请务必善加运用官方所提供的 API 函数如 getCheckedNodes，并配合适当的 prop 定义减少不必要的自订程序码撰写负担。