Javascript 让孩子们进入阵列

我有这个阵列：

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，在我的另一个下拉列表中应该有两个选项，其中包含两个子数组的值。 如何实现此目标？

尝试使用

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

其中

index

是第一个选项的索引。

尝试使用

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

其中

index

是第一个选项的索引