elemenUI树控组件回填数据的bug
位于同一个父节点下的子节点,选了其中一个,结果回填的时候,该父节点下的所有子节点全部被动选中
问题截图:
我是通过node来设置的,无论你得到的树结构数据,还是非树结构数据,只要把相对应的节点遍历后放进去就好了
例子:
1 //请求获得的数据
data= [{
id: 1,
label: '一级 1',
children: [{
id: 4,
label: '二级 1-1',
children: [{
id: 9,
label: '三级 1-1-1'
}, {
id: 10,
label: '三级 1-1-2'
}]
}]
}, {
id: 2,
label: '一级 2',
children: [{
id: 5,
label: '二级 2-1'
}, {
id: 6,
label: '二级 2-2'
}]
}, {
id: 3,
label: '一级 3',
children: [{
id: 7,
label: '二级 3-1'
}, {
id: 8,
label: '二级 3-2'
}]
}]
2 将第二层的都过滤出来
let arr = [];
for(let i=0;i<data.length;i++;){
var children = data[i].children;
for(let j = 0;j<children.length;j++){
let arr.push(children[j]);
}
}
3
//通过节点的方法设置
this.$refs.tree.setCheckedNodes(arr)
意思是这个意思,具体的好要自己去整