在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Java/ element-ui tree樹怎么加載后臺數(shù)據(jù)?

element-ui tree樹怎么加載后臺數(shù)據(jù)?

???????
data() {
return {

data: [{
  label: '一級 1',
  children: [{
    label: '二級 1-1',
    children: [{
      label: '三級 1-1-1'
    }]
  }]
}, {
  label: '一級 2',
  children: [{
    label: '二級 2-1',
    children: [{
      label: '三級 2-1-1'
    }]
  }, {
    label: '二級 2-2',
    children: [{
      label: '三級 2-2-1'
    }]
  }]
}, {
  label: '一級 3',
  children: [{
    label: '二級 3-1',
    children: [{
      label: '三級 3-1-1'
    }]
  }, {
    label: '二級 3-2',
    children: [{
      label: '三級 3-2-1'
    }]
  }]
}],
defaultProps: {
  children: 'children',
  label: 'label'
}

};
}
};

題目描述

網(wǎng)上還有說:你理解錯了,后臺給的東西不需要你循環(huán),這個數(shù)組你也不需要你定義內容,讓后端基本上按這個格式返回就可以了,給你看看我返回的

{

"status": 1,
"message": "獲取成功",
"data": [{
    "id": 4,
    "parent_id": 0,
    "url": "content",
    "name": "內容",
    "icon": "el-icon-menu",
    "sort": 100,
    "created_at": "2018-07-05 12:06:27",
    "updated_at": "2018-07-05 14:37:04",
    "deleted_at": null,
    "_child": [{
        "id": 5,
        "parent_id": 4,
        "url": "articles",
        "name": "內容管理",
        "icon": null,
        "sort": 100,
        "created_at": "2018-07-05 12:07:29",
        "updated_at": "2018-07-05 14:24:55",
        "deleted_at": null,
        "is_last": true
    }, {
        "id": 6,
        "parent_id": 4,
        "url": "category",
        "name": "類別管理",
        "icon": null,
        "sort": 100,
        "created_at": "2018-07-05 14:24:06",
        "updated_at": "2018-07-05 14:25:46",
        "deleted_at": null,
        "is_last": true
    }, {
        "id": 7,
        "parent_id": 4,
        "url": "article_edit",
        "name": "編輯內容",
        "icon": null,
        "sort": 100,
        "created_at": "2018-07-05 14:26:43",
        "updated_at": "2018-07-05 14:26:43",
        "deleted_at": null,
        "is_last": true
    }],
    "is_last": false
}, {
    "id": 8,
    "parent_id": 0,
    "url": "system",
    "name": "系統(tǒng)",
    "icon": "el-icon-menu",
    "sort": 100,
    "created_at": "2018-07-05 14:28:09",
    "updated_at": "2018-07-05 14:37:34",
    "deleted_at": null,
    "_child": [{
        "id": 10,
        "parent_id": 8,
        "url": "config",
        "name": "配置管理",
        "icon": null,
        "sort": 99,
        "created_at": "2018-07-05 17:02:22",
        "updated_at": "2018-07-05 17:02:22",
        "deleted_at": null,
        "is_last": true
    }, {
        "id": 9,
        "parent_id": 8,
        "url": "menu",
        "name": "菜單管理",
        "icon": null,
        "sort": 100,
        "created_at": "2018-07-05 14:28:24",
        "updated_at": "2018-07-05 14:28:24",
        "deleted_at": null,
        "is_last": true
    }],
    "is_last": false
}]

}

題目來源及自己的思路

我該怎么把后臺數(shù)據(jù)返回成這種格式,后臺跟前臺代碼都怎么理解,怎么寫

相關代碼

// 請把代碼文本粘貼到下方(請勿用圖片代替代碼)

你期待的結果是什么?實際看到的錯誤信息又是什么?

回答
編輯回答
妖妖

先去看看js 數(shù)組,對象概念,然后看懂element ui tree的文檔或許你就明白一點了。

2017年11月4日 14:22
編輯回答
荒城

返回的就是data 就是樹結構啊,設置
defaultProps: {
children: '_child',
label: 'name'
}
就行了

2017年4月17日 15:51