javascript - Comment réaliser une liaison imbriquée multicouche d'un composant arborescent avec une case à cocher

Question

Je crée actuellement un composant arborescent avec une case à cocher. Mon idée de rendu est de passer de la classe parent à la classe enfant, s'il y a un attribut children, laissez les enfants s'appeler.

     data = [{
        label: 111,
        children: [{
            label: 222,
        }]
      },  {
        label: 333
      }]
    translate = (content, key, first) => {
        content.forEach((i, index) => {
            i.key = key + (first ? '' : '-') + (index + 1);
            i.checked = this.defaultCheckedKey.toString().indexOf(i.key) > -1;
            i.expanded = this.defaultExpandedKey.toString().indexOf(i.key) > -1;
            i.nodeLevel = i.key.split('-').length;
            i.checked && selectedKeys.push(i.key);   
            if (i.children && i.children.length > 0) {
                this.translate(i.children, i.key, false);
            }
        })
    };
    ngOnInit() {      
       this.translate(this.data, '', true);
    }

Maintenant, nous devons effectuer une liaison de sélection de case à cocher. Si nous passons de la classe parent à la classe enfant, n-1 récursions sont nécessaires, ce qui semble affecter les performances. Quelqu'un peut-il me donner une solution pour une liaison imbriquée multicouche de case à cocher. ?

Answer 1

http://www.treejs.cn/v3/main....

Voyons si ce plug-in peut satisfaire