讓孩子們在陣列

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是您的第一選擇的指標嘗試。