Resumo dos problemas encontrados no uso do ztree

fundo

Existem muitos diagramas de árvore no projeto, e ztree foi selecionado após pesquisa, e o projeto é uma estrutura vue

pergunta

1. Os ids de ztrees em diferentes páginas únicas são os mesmos, fazendo com que os ztrees às vezes sejam exibidos e às vezes não.
Solução: Use diferentes ids de ztrees para diferentes páginas únicas vue

2. Os dados do ztree são adquiridos em segundo plano. O primeiro elemento é o pai, mas não há elementos filhos. O ícone do ztree é exibido como filho. Solução: obtenha todos os nós,
se o nó pai não tiver nós filhos , defina isParent = verdadeiro

var nodes = this.$refs.ztree.getNodes();
if(nodes.length > 0){
    
    
   for(let item of nodes){
    
    
     this.isParent = true
   }
}

3. Verifique a árvore 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
    }
  }
}

Acho que você gosta

Origin blog.csdn.net/u013994400/article/details/128671085
Recomendado
Clasificación