javascript - Bagaimana untuk merealisasikan kaitan bersarang berbilang lapisan komponen pokok dengan kotak semak

Question

Saya sedang membuat komponen pokok dengan kotak semak Idea pemaparan saya adalah untuk mengulangi daripada kelas induk kepada kelas anak, biarkan kanak-kanak memanggil dirinya sendiri

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

Sekarang kita perlu melakukan pautan pemilihan kotak semak Jika kita mengulangi dari kelas induk ke kelas anak, pengulangan n-1 diperlukan, yang nampaknya menjejaskan prestasi Bolehkah sesiapa memberi saya penyelesaian untuk pautan bersarang berbilang lapisan ?

Answer 1

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

Mari kita lihat sama ada pemalam ini boleh memuaskan