在使用element的组件tree的时候,我们用组件里面的属性filter-node-method就能返回包含搜索名字的树,但是返回的树如果节点下面还有树节点的话,点击是展不开,不显示的,所以这里自己写了一个方法,来记录一下,之前也写过一篇,但是后来我发现之前的文章其实写复杂了,完全不用那么写,所以再写一遍记录一遍。
首页是页面的代码
<el-tree
ref="tree"
:data="treeListData"
:props="props"
show-checkbox
node-key="treeNodeId"
:default-checked-keys="defaultCheckedKeys"
:default-expanded-keys="defaultExpandedKeys"
>
</el-tree>
data中的数据
props:{
label:'objectName',
children:'children'
},
defaultCheckedKeys:[],
defaultExpandedKeys:[]
methods中的方法
//按名称搜索,查询树节点
searchTreeNode(){
//获取全部节点(这里的全部节点,指的就是每一项children的子项都包含在内)
this.allNodes = this.$refs