对于树形结构,输入名称搜索功能
<el-tree :data="sdtOptions" :props="defaultProps" :filter-node-method="filterNode" ref="tree"/>
定义绑定filterNode方法
// 筛选节点
filterNode(value, data, node) {
if (!value) return true
let parentNode = node.parent
let labels = [data[this.defaultProps.label || "name"].toLowerCase()]
let level = 1
while (level < node.level) {
labels = [...labels, parentNode.label.toLowerCase()]
parentNode = parentNode.parent
level++
}
return labels.some(label => label.indexOf(value.toLowerCase()) !== -1)
},
页面展示效果