が、私はこの配列を持つ配列

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）からすべての値を表示しています。ここまでは順調ですね。

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

しかし、ユーザーが親配列を選択したとき、私が選択したオブジェクトの子を表示するべき、下記の別のドロップダウンを持っている：Vueので、私はそうのようにそれを行います。したがって、ユーザーがName3を選択した場合、2つのsubArrayの値を持つ他のドロップダウンに2つのオプションが存在するはずです。 どうすればこの問題を解決できますか？

Answer 1

はindexがあなたの最初のオプションの指標である

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

を使用してみてください。