这里写复杂了,我重新写了一遍,链接在这新的过滤展示方法
之前做的一个项目的需求,在用element的树组件时,需要筛选功能,并且匹配的节点下面的子集也要展示出来。树组件原来的筛选方法只能展示匹配到的节点,节点下面的子集不会展示出来,在这里记录一下。
页码代码如下
<el-input
placeholder="输入关键字进行过滤"
v-model="filterText">
</el-input>
<button @click='search'>搜索</button>
<el-tree
ref='tree'
:data="listdata"
show-checkbox
node-key="treeNodeId"
:default-expanded-keys="expandedKeys"
:default-checked-keys="defaultCheckedKeys"
@node-click="nodeClick"
:props="defaultProps">
</el-tree>
我的这里面的node-key,树的唯一ID是treeNodeId,props属性为defaultProps: {children: ‘chi