ElementUi中级联选择器(根据后台返回来数据处理显示在级联选择器中),处理最后一级为空白情况

ElementUi中级联选择器(根据后台返回来数据处理显示在级联选择器中),处理最后一级为空白情况

  //封装函数方便调用
   handleData(data, newarr) {
      const len = data.length
      for (let i = 0; i < len; i++) {
          //如果子级存在,并且有数据
        if (data[i].children && data[i].children.length > 0) {
            //label为级联选择器要展示的值,我这里使用的是name,value为选中的值,我这里使用的是id,根据个人使用场景,按需调试
          newarr.push({ value: data[i].id, label: data[i].name, children: [] })
          this.handleData(data[i].children, newarr[i].children)
        } else {
            //子级不存在时,不用push  children:[],否则级联选择器最后一页会出现空白,很难看
          newarr.push({ value: data[i].id, label: data[i].name })
        }
      }
      return newarr
    },
 //调用处理数据的函数
 let newarr = []
 //data为树形结构数据
 handleData(data, newarr)