鍍金池/ 問答/HTML/ iview的tree怎樣讓后臺傳的數(shù)據(jù)和官網(wǎng)的結(jié)構(gòu)一致

iview的tree怎樣讓后臺傳的數(shù)據(jù)和官網(wǎng)的結(jié)構(gòu)一致

圖片描述

圖片描述

這兩張圖片的數(shù)據(jù)格式怎么對應起來?網(wǎng)上說可以用遞歸實現(xiàn)?具體怎么操作呢?多謝大神的指點!

回答
編輯回答
耍太極

簡單寫了個方法:

resetTree (oldTree) {
            let newTree = oldTree.map(item => {
                if (item.children) {
                    return {
                        ...item,
                        title: item.name,
                        children: this.resetTree(item.children)
                    }
                } else {
                    return {
                        ...item,
                        title: item.name
                    }
                }
            })
            return newTree
        }
2017年3月8日 11:53