实现el-tree的过滤节点树-的数据

目的:a-tree的组件库默认不支持过滤节点树--只能展示全部树-搜索的内容部分高亮展示

解决-需要自己写一个递归 根据搜索内容返回树的数据

// 拿走不谢 这个是递归过滤树节点的方法--nodes是树形数据
function filterNodes(nodes, filterText) {
    return nodes.reduce((acc, node) => {
      const newNode = { ...node }
      if (node.label.toLowerCase().includes(filterText.toLowerCase())) {
        // 如果节点匹配,则添加到结果中
        if (node.children) {
          // 如果节点有子节点,则递归过滤子节点
          newNode.children = filterNodes(node.children, filterText)
        }
        acc.push(newNode)
      } else if (node.children && node.children.length) {
        // 如果节点不匹配但有子节点,检查是否有子节点匹配
        const filteredChildren = filterNodes(node.children, filterText)
        if (filteredChildren.length) {
          // 如果有子节点匹配,则只保留匹配的子节点
          newNode.children = filteredChildren
          acc.push(newNode)
        }
      }
      return acc
    }, [])
  }

题外-- js比较两个日期的集合不一样的日期(有需要的可以用)

 function getDifferenceBetweenDates(dates1, dates2) {
    const dateSet1 = new Set(dates1)
    const dateSet2 = new Set(dates2)
    const onlyInDates1 = new Set([...dateSet1].filter((date) => !dateSet2.has(date)))
    const onlyInDates2 = new Set([...dateSet2].filter((date) => !dateSet1.has(date)))
    return {
      onlyInDates1: [...onlyInDates1],
      onlyInDates2: [...onlyInDates2]
    }
  }
// 示例使用
const dates1 = ['2023-01-01', '2023-01-02', '2023-01-03'];
const dates2 = ['2023-01-02', '2023-01-03', '2023-01-04'];
 
const result = getDifferenceBetweenDates(dates1, dates2);
console.log(result);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值