Cascader 根据子节点获取所有父节点id数组

最新推荐文章于 2024-09-24 17:13:56 发布

m0_45925246

最新推荐文章于 2024-09-24 17:13:56 发布

阅读量1.3k

点赞数 2

文章标签： vue.js elementui javascript

原文链接：https://www.cnblogs.com/steamed-twisted-roll/p/12659506.html

版权

本文介绍了在JavaScript中如何通过递归方法获取Cascader组件选中节点的所有父节点ID。通过定义`getFathersById`函数，遍历数据并检查每个节点的属性，当找到匹配的ID时，将父节点ID存入数组。这种方法适用于需要获取选中项完整路径的场景。

摘要由CSDN通过智能技术生成

当我们使用Cascader 级联选择器修改操作室需要展示选中的类目的值，这个时候我们需要根据选中的栏目获取起所有的子栏目id，组成一个集合，代码如下：

    getFathersById(id, data, prop = 'id') {
      var arrRes = []
      const rev = (data, nodeId) => {
        for (var i = 0, length = data.length; i < length; i++) {
          const node = data[i]
          if (node[prop] === nodeId) {
            arrRes.unshift(node[prop])
            return true
          } else {
            if (node.children && node.children.length) {
              if (rev(node.children, nodeId)) {
                arrRes.unshift(node[prop])
                return true
              }
            }
          }
        }
        return false
      }
      rev(data, id)
      return arrRes
    }

这样我们就能渠道该节点的所有父节点的id组成表的数组