<template>
<div>
<el-input v-model="filterText" placeholder="输入关键词进行过滤"></el-input>
<el-tree
:data="treeData"
:props="defaultProps"
:filter-node-method="filterNode"
ref="tree"
></el-tree>
</div>
</template>
<script>
export default {
data() {
return {
filterText: '',
treeData: [
// 填充你的树形数据
],
defaultProps: {
children: 'children',
label: 'label'
}
};
},
watch: {
filterText(val) {
this.$refs.tree.filter(val);
}
},
methods: {
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
}
}
};
</script>
