美文网首页
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