내가이 배열이 배열

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 관련해서는 안됩니다.

드롭 다운에서 상위 배열 (Name1, Name2, Name3)의 모든 값을 표시하고 있습니다. 여태까지는 그런대로 잘됐다. 뷰에서 나는과 같이 그것을 : 사용자가 상위 배열을 선택했을 때

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

하지만, 내가 선택한 객체의 자식을 표시해야합니다 아래 다른 드롭 다운을 보유하고 있습니다. 그래서 사용자가 Name3을 선택하면 두 개의 subArray의 값을 가진 다른 드롭 다운에 두 개의 옵션이 있어야합니다. 어떻게해야합니까?

Answer 1

시도 index 첫 번째 옵션의 인덱스

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

를 사용하여.