vue递归以及示例

递归是一种在函数中调用自身的编程技巧。通过递归，函数可以将一个问题分解为更小的子问题，并且在达到基本情况（终止条件）时停止递归。递归在解决某些问题时非常有用，特别是那些可以被分解为相同类型的子问题的情况。

1.例如递归取值

传入相对应的属性以及数据源

    targetd(parentId, list) {
      // 结束条件
      if (list && list.length > 0) {
        // 循环遍历
        for (let i = 0; i < list.length; i++) {
          //结束递归
          if (list[i].id === parentId) {
            this.tongLng = list[i].lng;
            this.tongLat = list[i].lat;
            return;
          } else {
            // 如果数组中有children则继续递归
            if (list[i].children) {
              this.targetd(parentId, list[i].children);
            }
          }
        }
      }
    },

2.例如递归级联去掉空的children

 

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

3.例如级联禁用某一层级

    getDataTree(value, PeopleIdoptions) {
      if (PeopleIdoptions && PeopleIdoptions.length > 0) {
        // 循环遍历
        for (let i = 0; i < PeopleIdoptions.length; i++) {
          //结束递归
          if (PeopleIdoptions[i].children) {
            this.getDataTree(value, PeopleIdoptions[i].children);
          }
          if (PeopleIdoptions[i].type != value) {
            this.$set(PeopleIdoptions[i], "disabled", true);
          } else {
            this.$set(PeopleIdoptions[i], "disabled", false);
          }
        }
      }
    },