美文网首页
element-ui 获取tree节点过滤

element-ui 获取tree节点过滤

作者: 残_忆 | 来源:发表于2019-10-09 15:28 被阅读0次

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

    // 触发页面显示配置的筛选

    filterNode(value, data, node) {

    // 如果什么都没填就直接返回

    if(!value)returntrue;

    // 如果传入的value和data中的label相同说明是匹配到了

    if(data.label.indexOf(value) !==-1) {returntrue; }

    // 否则要去判断它是不是选中节点的子节点

    returnthis.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; 

     },

    相关文章

      网友评论

          本文标题:element-ui 获取tree节点过滤

          本文链接:https://www.haomeiwen.com/subject/yfsajctx.html