element-ui树形控件中，异步获取数据后设置父节点为半选状态

Question

element-ui树形控件中，取了某一节点中的部分子节点的值，后台同时需要子节点和父节点的id值，我使用getHalfChecked获取到了半选状态的父节点的id值，但是反向渲染控件的时候，将父节点中所有的子节点都默认选中了，查了很久的文档和issue，都没有找到动态设置半选状态的接口，代码如下：

希望能将父节点设置为半选状态：

Answer 1

不知道是不是你想要的结果，后台返回的已选择的数据里面既有父级ID也有子集ID，先递归取出父级ID，然后删除父级ID，最后渲染。
预览：https://jsfiddle.net/gka8xtm2/

Answer 2

你好，我也在用这个组件，但是我编辑回填的时候，只要父级的选中了 ，下面的就都会选中，不知道是什么原因,可以帮我看看吗？谢谢

 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;
                  console.log('----this.hovePermissData---',this.hovePermissData);
                }
            })
        },