如何将特定数据添加到树vue javascript库中的嵌套子级中

Question

下面是一个对象数组的示例，其中的数据由四级嵌套数据组成。

在这里，当用户按下特定元素上的toggle，然后向api发出请求时，我会在树vue上显示子级数据，因此稍后会根据现有数据将数据添加到某个数组值中，以显示为子级数据。

[{ // class
ClassID:"0ede11",
Title:"Mandiri",
children:[{ // course/subject
CourseID:"0ec2",
Title:"Math",
children:[ // chapter
{
ChapterId:"0ss23",
Title:"Test test",
},
{
ChapterId:"0ss23",
Title:"Test test"
},
{
ChapterId:"0se22",
Title:"Test test"
},
]      
},
{
CourseID:"rere43",
Title:"History",
children:[
{
ChapterId:"0sse56",
Title:"Test test",
},
{
ChapterId:"0ss2qqq3",
Title:"Test test"
},
{
ChapterId:"0sefg22",
Title:"Test test"
},
]      
}
]
}]

如何将数据添加到特定的子级，在这里我使用he-tree vue库来显示可以拖动的数据树。

现在我使用以下代码，但它只适用于第一个孩子。

getChapter(id, index) {
this.API.getChapter(id, (data) => {
console.log(data);
// I'm still confused in this part, how to dynamically add data to specific child data at each level 
const newData = [...this.playlistData];
newData[index].children[index].children = data;
this.playlistData = newData;
},
(err) => {
console.log(err);
});
}

谢谢。

Answer 1

好的，解决了，我只需要在每个级别上保存每个索引，然后在添加数据时使用它。