Есть входящие данные:
{
"id": 3,
"name": "Основной заголовок",
"description": "Основное описание",
"company_id": 1,
"owner_id": 1,
"elements": [
{
"id": 8,
"name": "Заголовок 1",
"position": 0,
"description": "",
"parent": 3,
"type_change": 1,
"answer_from": 0,
"answer_to": 10
},
{
"id": 7,
"name": "Заголовок 2",
"position": 0,
"description": "",
"parent": 6,
"type_change": 1,
"answer_from": 0,
"answer_to": 10
},
{
"id": 1,
"name": "Заголовок 3",
"position": 0,
"description": "",
"parent": 0,
"type_change": 1,
"answer_from": 0,
"answer_to": 10,
"answer_list": [
"Да",
"Нет"
],
"need_photo": true,
"need_video": false
},
{
"id": 2,
"name": "Заголовок 4",
"position": 0,
"description": "",
"parent": 1,
"type_change": 1,
"answer_from": 0,
"answer_to": 10
},
{
"id": 3,
"name": "Заголовок 5",
"position": 0,
"description": "",
"parent": 2,
"type_change": 1,
"answer_from": 0,
"answer_to": 10
},
{
"id": 4,
"name": "Заголовок 6",
"position": 1,
"description": "",
"parent": 1,
"type_change": 1,
"answer_list": [
"Да",
"Нет"
]
},
{
"id": 5,
"name": "Заголовок 7",
"position": 1,
"description": "",
"parent": 1,
"type_change": 1,
"answer_list": [
"Да",
"Нет"
]
},
{
"id": 6,
"name": "Заголовок 8",
"position": 0,
"description": "",
"parent": 0,
"type_change": 1,
"answer_from": 0,
"answer_to": 10
}
]
}
Для вывода и drag'n'drop используется https://vue.ant.design/components/tree/ Он на входе кушает key и title: Добавляю:
array.forEach((item) => {
item.key = item.id;
item.title = item.name;
});
Нужно перестроить массив учитывая вложенность согласно parent свойству. На выходе должно получаться:
{
"id": 6,
"name": "Заголовок 8",
"position": 0,
"description": "",
"parent": 0,
"type_change": 1,
"answer_from": 0,
"answer_to": 10
"children": [{
"id": 7,
"name": "Заголовок 2",
"position": 0,
"description": "",
"parent": 6,
"type_change": 1,
"answer_from": 0,
"answer_to": 10
}]
}
Не могу сообразить как это сделать.
И второй вопрос: К примеру сделал вывод дерева учитывая специфику. Как связать при клике на элемент из дерева с элементом массива?
<>
в примерах для показа исходного кода. Ни один из примеров не подходит вам ?parent
поменяется, так ведь?