javascript – So realisieren Sie eine mehrschichtige verschachtelte Verknüpfung von Baumkomponenten mit Kontrollkästchen

Question

Ich erstelle gerade eine Baumkomponente mit einem Kontrollkästchen, um von der übergeordneten Klasse zur untergeordneten Klasse zu rekursieren. Der Code lautet wie folgt

     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);
    }

Jetzt müssen wir eine Kontrollkästchen-Auswahlverknüpfung durchführen. Wenn wir von der übergeordneten Klasse zur untergeordneten Klasse rekursieren, sind n-1 Rekursionen erforderlich, was sich anscheinend auf die Leistung auswirkt. Kann mir jemand eine Lösung für die mehrschichtige verschachtelte Verknüpfung von Kontrollkästchen geben? ?

Answer 1

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

看下这个插件 能否满足