Question

我有这个数组：

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的值。我怎么能做到这一点？

Answer 1

尝试使用

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

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

把孩子放在阵列中

1 个答案: