让孩子们在阵列

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是您的第一选择的指标尝试。