element-ui tree树怎么加载后台数据？

Question

？？？？？？？
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'
}

};
}
};

题目描述

网上还有说：你理解错了，后台给的东西不需要你循环，这个数组你也不需要你定义内容，让后端基本上按这个格式返回就可以了，给你看看我返回的

{

"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": "系统",
    "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
}]

}

题目来源及自己的思路

我该怎么把后台数据返回成这种格式，后台跟前台代码都怎么理解，怎么写

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

先去看看js 数组，对象概念，然后看懂element ui tree的文档或许你就明白一点了。

Answer 2

返回的就是data 就是树结构啊，设置
defaultProps: {
children: '_child',
label: 'name'
}
就行了