element ui 的级联选择器的数据回显

element级联选择器根据id值回显父亲节点

 //回显(多级)
      changeDetSelect(key, treeData) {
        let arr = []; // 在递归时操作的数组
        let returnArr = []; // 存放结果的数组
        let depth = 0; // 定义全局层级
        // 定义递归函数
        function childrenEach(childrenData, depthN) {
          for (var j = 0; j < childrenData.length; j++) {
            depth = depthN; // 将执行的层级赋值 到 全局层级
            arr[depthN] = childrenData[j].id;
            if (childrenData[j].id== key) {
              returnArr = arr.slice(0, depthN + 1); //将目前匹配的数组,截断并保存到结果数组,
              break;
            } else {
              if (childrenData[j].children) {
                depth++;
                childrenEach(childrenData[j].children, depth);
              }
            }
          }
          return returnArr;
        }

        return childrenEach(treeData, depth);
      },

调用:
this.changeDetSelect(Number(key), treeData)

递归判断列表,把最后的children设为undefined

      getTreeData(data) {
        for (var i = 0; i < data.length; i++) {
          if (data[i].department.length < 1) {
            // children若为空数组,则将children设为undefined
            data[i].department = undefined;
          } else {
            // children若不为空数组,则继续 递归调用 本方法
            this.getTreeData(data[i].department);
          }
        }
        return data;
      },

调用:
this.getTreeData(data)
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容