element-tree搜索展示包含名字的树,同时树下的子集也能展示,并展开

在使用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
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值