Erhalten Kinder in Array

Question

Ich habe dieses Array:

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 
    }] 
}, ] 

ich dieses Array in einem Vue App verwenden, aber dies sollte nicht vue spezifisch sein.

In einem Dropdown-Menü zeige ich alle Werte aus dem übergeordneten Array (Name1, Name2, Name3). So weit, ist es gut. In Vue mache ich es wie folgt:

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

Aber, wenn der Benutzer das übergeordnete Array ausgewählt hat, ich habe unten eine andere Dropdown-Liste, die die Kinder des ausgewählten Objekts zeigen. Wenn der Benutzer also Name3 auswählt, sollten in meiner anderen Dropdown-Liste zwei Optionen mit den Werten der beiden SubArrays vorhanden sein. Wie kann ich das erreichen?

Answer 1

Versuchen Sie es mit

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

wo index Index Ihrer erste Option ist.