ElementUI tree 搜索节点并显示所有子节点
<el-tree :filter-node-method="filterNode"></el-tree>
/**
* tree 节点过滤
* @param {Object} value
* @param {Object} data
* @param {Object} node
*/
filterNode(value, data, node) {
if (!value) return true;
let one = data.label.indexOf(value) !== -1;
let two = node.parent && node.parent.data && node.parent.data.label && (node.parent.data.label.indexOf(value) !== -1);
let three = node.parent && node.parent.parent && node.parent.parent.data && node.parent.parent.data.label && (node.parent.parent.data.label.indexOf(value) !== -1);
let four= node.parent && node.parent.parent && node.parent.parent.parent && node.parent.parent.parent.data && node.parent.parent.parent.data.label && (node.parent.parent.parent.data.label.indexOf(value) !== -1);
let result_one = false;
let result_two = false;
let result_three = false;
let result_four = false;
if(node.level === 1) {
result_one = one;
}else if(node.level === 2) {
result_two = one || two;
}
return result_one || result_two;
}
这里展示是四级的结构,如果结构层数不同,根据方法进行适当的增删
本文标题:ElementUI tree 搜索节点并显示所有子节点
本文链接:https://www.haomeiwen.com/subject/eeosvltx.html
网友评论