解决el-tree树形控件搜索过滤父节点，不展示子节点问题

@Kacie

于 2023-07-05 09:04:40 发布

阅读量1.5k

点赞数 12

文章标签：前端 vue

本文链接：https://blog.youkuaiyun.com/Joye_7y/article/details/131548068

版权

该函数filterNode接收三个参数：value、data和node，用于在树结构中进行基于标签的过滤。它首先检查value是否存在，然后通过遍历节点层级收集标签，并判断这些标签中是否包含value。如果找到匹配项，函数返回true，否则返回false。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function filterNode(value: string, data: any, node: any) {
  if (!value) return true;
  let parentNode = node.parent;
  let labels = [node.label];
  let level = 1;
  while (level < node.level) {
    labels = [...labels, parentNode.label];
    parentNode = parentNode.parent;
    level++;
  }
  return labels.some((label) => label.indexOf(value) !== -1);
}