element-ui 获取tree节点过滤不显示子节点的问题

摘选大神的方法,下面是原文地址

https://www.jianshu.com/p/ae50ce022f2b

:filter-node-method="filterNode"

找到这个属性,按下面方法写子节点就可以加载出来

// 触发页面显示配置的筛选
filterNode(value, data, node) {
  // 如果什么都没填就直接返回
  if(!value){
    return true;
  }
  // 如果传入的value和data中的label相同说明是匹配到了
  if(data.label.indexOf(value) !==-1) {
    return true;
  }
  // 否则要去判断它是不是选中节点的子节点
  return this.checkBelongToChooseNode(value, data, node); 
},
// 判断传入的节点是不是选中节点的子节点
checkBelongToChooseNode(value, data, node) {
  constlevel = node.level;
  // 如果传入的节点本身就是一级节点就不用校验了if(level ===1) {returnfalse; }
  // 先取当前节点的父节点
  letparentData = node.parent;
  // 遍历当前节点的父节点
  letindex =0;
  while(index < level -1) {
    // 如果匹配到直接返回
    if(parentData.data.label.indexOf(value) !==-1) {
      returntrue; 
    }
    // 否则的话再往上一层做匹配
    parentData = parentData.parent; index ++; 
  }
  // 没匹配到返回false
  return false; 
},