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>
### 问题出现的环境背景及自己尝试过哪些方法
### 相关代码
粘贴代码文本(请勿用截图)
### 你期待的结果是什么?实际看到的错误信息又是什么?