首页 > 其他分享 >el-tree筛选时保留父节点和子节点

el-tree筛选时保留父节点和子节点

时间:2023-11-30 17:00:32浏览次数:34  
标签:node el val tree value result array data 节点

 watch: {
    filterText(val) {
      console.log('val', val);
      this.$refs.tree.filter(val);
    }
  }, 

methods:

// 筛选
    filterNode(value, data, node) {
      if (!value) return true;
      let _array = []; //这里使用数组存储 只是为了存储值。
      this.getReturnNode(node, _array, value);
      let result = false;
      _array.forEach((item) => {
        result = result || item;
      });
      return result;
    },
    getReturnNode(node, _array, value) {
      let isPass =
        node.data && node.data.label && node.data.label.indexOf(value) !== -1;
      isPass ? _array.push(isPass) : '';
      if (!isPass && node.level != 1 && node.parent) {
        this.getReturnNode(node.parent, _array, value);
      }
    },

标签:node,el,val,tree,value,result,array,data,节点
From: https://www.cnblogs.com/sinceForever/p/17867778.html

相关文章

  • java 8 利用lambda 获取 记录类(get/set) field 上面 注解
    packagetianrun.ziguan.api.center.alert.util;importcom.baomidou.mybatisplus.annotation.TableField;importjava.io.*;importjava.lang.annotation.Annotation;importjava.lang.invoke.SerializedLambda;importjava.lang.reflect.Field;importjava.lang.ref......
  • 【友晶科技TERASIC】【翻译】SOC FPGA的SD卡IMAGE制作——4. 生成Preloaderc
      翻译原文来自:https://www.rocketboards.org/foswiki/Documentation/EmbeddedLinuxBeginnerSGuide......
  • ACCESS 用EXCEL打印报表
    ACCESS报表真是一言难尽啊.看预览还挺正经的. 结果,放大之后,它裂开了,我也裂开了....打印出来,谁看谁尴尬... 调整了很久,还是解决不了,于是愤而改EXCEL.效果如下: PrivateSubCommand647_Click()'打印.点击后禁用此按钮,待操作完成后再恢复,如果你的代码可能出问......
  • PageHelper插件注意事项
    PageHelper插件注意事项使用PageHelper.startPage后要紧跟查询语句下面的代码就有可能出问题:PageHelper.startPage(10,10);if(param!=null){List<Data>data=dataMapper.select(example);}因为如果param==null,那么就会导致设置了分页插件但却没有执行查询,此......
  • delphi实现点击列头按隐藏列排序方法
    场景:某字段应为数字但由于历史原因被定义为字符串,点击需按数字的要求进行排序实现原理:判断如果是点击某一列头则调用一次查询,通过传排序规则给后台,由后台将排好序的结果返回给前台实现办法:采用onclicktitle方法第一步,保存当前排序规则sSortFieldName:= gdQuery.SortMarkedCol......
  • Excel 选择性粘贴
    选择......
  • excel有两列数据,第一列条码,第二列数量为1,如何把相同条码的行,数量汇总
    要将相同条码的行的数量汇总,可以使用Excel的"数据透视表"功能。按照以下步骤进行操作:确保你的数据包含两列:第一列是条码,第二列是数量。选中你的数据范围,包括条码和数量列。在Excel菜单栏中选择"插入"选项卡。在"插入"选项卡中,找到并点击"数据透视表"按钮。这将打开"创......
  • elasticsearch集群
    一、elasticsearch集群结构介绍单机的elasticsearch做数据存储,必然面临两个问题:海量数据存储问题、单点故障问题。海量数据存储问题:将索引库从逻辑上拆分为N个分片(shard),存储到多个节点,每个节点存放在一个服务器上单点故障问题:将分片数据在不同节点备份(replica),例如:0号分片的数据保存......
  • 如何使用Selenuim浏览器自动化框架实现自动登录社交媒体账号和自动发布文章
    在当今社交媒体盛行的时代,程序员们经常需要在不同的平台上自动执行一些任务,比如登录社交媒体账号并发布文章。本文将介绍如何利用Selenium浏览器自动化框架实现这一任务,同时结合万媒易发多平台内容同步助手,提高文章发布的效率。技术栈为了实现自动登录社交媒体账号和自动发布文......
  • vue-treeselect使用案例
    https://vue-treeselect.js.org/父子节点没有关联<TreeSelectflatstyle="background-color:#0e3977"placeholder="请选择"v-model="org":multiple="true":options="state.orgData&qu......