fondo
Hay muchos diagramas de árbol en el proyecto, se seleccionó ztree después de la investigación y el proyecto es un marco vue.
pregunta
1. Los identificadores de ztrees en diferentes páginas individuales son los mismos, lo que hace que los ztrees a veces se muestren y otras no.
Solución: Diferentes páginas individuales de vue usan diferentes identificadores de ztree
2. Los datos de ztree se obtienen en segundo plano. El primer elemento es el padre, pero no hay ningún elemento hijo y el icono de ztree se muestra como hijo. Solución: obtenga todos los nodos, si
el nodo padre no tiene hijos nodos, establecer isParent = true
var nodes = this.$refs.ztree.getNodes();
if(nodes.length > 0){
for(let item of nodes){
this.isParent = true
}
}
3. Consulta el árbol de departamentos.
//resultArr为从服务器获得的所有树元素，depIds为获得的所有选中项
var depIds = this.$refs.ztree.checkedNodes;
for(let item of resultArr){
for(let i of depIds){
if(item.id == i){
item.checked = true
}
}
}