javascript - 让 children 成阵列

我有这个数组：

myArray: [{
    name: "Name1",
    subArray: [{
        name: "Subname1",
        value: 1
    }]
}, {
    name: "Name2",
    subArray: [{
        name: "Subname2",
        value: 2
    }]
}, {
    name: "Name3",
    subArray: [{
        name: "Subname3",
        value: 3
    }, {
        name: "Subname4",
        value: 4
    }]
}, ]

我在Vue应用程序中使用此数组，但这不应该是特定于Vue的。

在一个下拉列表中，我显示了父数组（Name1，Name2，Name3）中的所有值。到现在为止还挺好。在Vue中，我这样做是这样的：

<option v-for="array in myArray">

但是，当用户选择了父数组时，下面还有另一个下拉列表，其中应显示所选对象的子代。因此，如果用户选择Name3，则在我的其他下拉列表中应该有两个选项，其中包含两个subArray的值。
我该如何实现？

最佳答案

尝试使用

<option v-for="option in myArray[index].subArray">

其中index是第一个选项的索引。