自定义树
添加过滤方法
<el-tree
class="filter-tree"
show-checkbox
:data="data"
:props="defaultProps"
default-expand-all
:filter-node-method="filterNode"
ref="tree"
>
<span class="custom-tree-node" slot-scope="{ node }">
<span :class="node.text">{{ node.label }}</span>
</span>
</el-tree>
//监听
watch: {
filterText(val) {
// this.renderContent();
this.$refs.tree.filter(val);
console.log(this.data, this.$refs.tree);
},
},
methods:
filterNode(value, data, node) {
node.text = "";
if (!value) return true;
if (data.label.indexOf(value) !== -1) {
node.text = "red";
}
console.log(node);
return true;
},
style:
.red {
color: red;
}
如图: