elementUI 树状图

elementUI 回填不显示 这是我的代码

获取数据

getHovePer(row){
            let data = {
                id: row.id
            }
            hovePermiss(data).then( res => {
                if(res.info.ok == true){
                  let actionData = res.data;
                  // 第一层
                  let selectArr = [];
                  for(var i in actionData){
                      let oneObj = {};
                      actionData[i].id = actionData[i].number;
                      if(actionData[i].status == 'on'){
                          oneObj.id = actionData[i].number;
                          oneObj.name = actionData[i].name;
                          selectArr.push(actionData[i].number);
                          actionData[i].switchStatus = true;
                      } else {
                          actionData[i].switchStatus = false;
                      }
                      // 第二层   
                      if(actionData[i].sub_rule.length > 0){
                          let twoArr = actionData[i].sub_rule;
                          for(var j in twoArr){
                            let twoObj = {};
                            twoArr[j].id = twoArr[j].number;
                            if(twoArr[j].status == 'on'){
                                twoObj.id = twoArr[j].number;
                                twoObj.name = twoArr[j].name;
                                selectArr.push(twoArr[j].number);
                                twoArr[j].switchStatus = true;
                            } else {
                                twoArr[j].switchStatus = false;
                            }
                            //  第三层
                            if(twoArr[j].sub_rule.length > 0){
                                let threeArr = twoArr[j].sub_rule;
                                for(var k in threeArr){
                                  let threeObj = {};
                                  threeArr[k].id = threeArr[k].number;
                                  if(threeArr[k].status == 'on'){
                                       threeObj.id = threeArr[k].number;
                                       threeObj.name = threeArr[k].name;
                                       selectArr.push(threeArr[k].number);
                                       threeArr[k].switchStatus = true;
                                  } else {
                                       threeArr[k].switchStatus = false;
                                  } 
                                  //  第四层  
                                  if(threeArr[k].sub_rule.length > 0){
                                      let fourArr = threeArr[k].sub_rule;
                                      for(var l in fourArr){
                                          let fourObj = {};
                                        fourArr[l].id = fourArr[l].number;
                                        if(fourArr[l].status == 'on'){
                                            fourObj.id = fourArr[l].number;
                                            fourObj.name = fourArr[l].name;
                                            selectArr.push(fourArr[l].number);
                                            fourArr[l].switchStatus = true;
                                        } else {
                                            fourArr[l].switchStatus = false;
                                        }
                                        //  第五层
                                        if(fourArr[l].sub_rule.length > 0){
                                           let fiveArr = fourArr[l].sub_rule;
                                           for(var f in fiveArr){
                                               let fiveObj = {};
                                               fiveArr[f].id = fiveArr[f].number;
                                               if(fiveArr[f].status == 'on'){
                                                   fiveObj.id = fiveArr[f].number;
                                                   fiveObj.name = fiveArr[f].name;
                                                   selectArr.push(fiveArr[f].number);
                                                   fiveArr[f].switchStatus = true;
                                               }else {  
                                                   fiveArr[f].switchStatus = false;
                                               }
                                           }
                                        }  
                                      }
                                  } 
                               }
                            }
                          }
                      }
                  }
                  console.log('----selectArr---',selectArr);
                  
                  this.$refs.tree.setCheckedKeys(selectArr);
                  this.hovePermissData = res.data;
                }
            })
}
展示数据
<el-tree
                   :data="hovePermissData"
                   show-checkbox
                   default-expand-all
                   node-key="id"
                   ref="tree"
                   highlight-current
                   :props="defaultPropsEditor">
                   </el-tree>

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


### 相关代码
粘贴代码文本(请勿用截图)


### 你期待的结果是什么?实际看到的错误信息又是什么?
阅读 1.8k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题