在做树组件回显时,有选项中出现空白值的情况,检查了后端返回的数据个是都对着,但是children没有内容时,返回的数据中children:[],这种样子,通过递归修改children的值即可,直接上代码:
HTML部分:
<el-cascader
:props="defaultParams"
:options="options"
></el-cascader>
JavaScript部分:
getTreeData(data){
// 循环遍历json数据
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;
}
暂时解决了树的问题。