iview tree

Question

问题描述

这个是一个弹窗，下面是使用iview里面的tree组件，因为教学部人员比较多，所以需要我们做一个滚动加载，向下滚动显示更多，选中张一的时候，点击添加人员按钮，右边会对应显示。

问题出现的环境背景及自己尝试过哪些方法

    现在问题是iview坑比较多，官方的事件不太好使，自己尝试使用递归的方式解决，但是不太理想，求大神解救

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

    getTreeList (p1, p2) {
  this.treeList = []

  let list = p1 || this.department
  let treeList = p2 || []
  list.forEach((e, i) => {
    e.title = e.name
    if (treeList.length === 0 || !e.parent_id) {
      e.expand = true
      treeList.push(e)
    } else {
      treeList.forEach((v, j) => {
        if (e.parent_id === v.id) {
          if (v.children) {
            v.children.push(e)
          } else {
            // v.expand = true
            v.children = []
            v.children.push(e)
          }
        } else {
          if (v.children) {

            this.getTreeList([e], v.children)
          }
        }
      })
    }
  })
  this.treeList = treeList
},

你期待的结果是什么？实际看到的错误信息又是什么？

    我希望的结果是点击添加获取到某个人员是哪个部门的比如(培优事业部-北京分校-教务部-培优)

Answer 1

在你的数据里面，可以保存父节点的引用，这样可以追溯到根节点