Vue 2：v-コンポーネントの動的小道具の場合

Question

私はVueコンポーネントを持っていて、マルチプル配列のjsonオブジェクトを渡そうとしています。 このオブジェクトはdinamycであり、親メソッド。ここで ：

私の問題は、コンポーネントに、私はデータ

の最初のオブジェクトだけを見ているが、私は、コンソールにはエラーを持っていないので、私は理解していないということです私はデータで時計をしなければならないのですか？

ここに私のコード：

   <lista-percorso :selezionati="il_tuo_percorso"></lista-percorso> 

COMPONENT

Vue.component('lista-percorso', { 
template:` 
     <div class="container" style="margin-top:30px;"> 
      <template v-if="listaSelezionati.length>0">   
      <div class="row" v-for="(selezionato,index) in listaSelezionati"> 
       <div>{{selezionato[index]}}</div> 
      </div>  
      </template> 
      <template v-else> 
       <h5>NON HAI SELEZIONATO NESSUN SERVIZIO</h5> 
      </template> 
     </div> 
    `, 
props: ['selezionati'], 
data: function(){ 
    return{ 
     listaSelezionati:this.selezionati 
    } 
}, 
methods:{ 

} 

}）; [[{1：1}]、[{2、2}]]あなたが行くとき

この：あなたは

<div class="row" v-for="(selezionato,index) in listaSelezionati"> 
    <div>{{selezionato[index]}}</div> 
</div> 

ある

Answer 1

あなたのデータlistaSelezionatiは、オブジェクトの配列の配列でありますVueに最初のアイテム[{one:one}]をレンダリングし、そのアイテムのインデックス（1：1）を表示するように指示します。しかし、それらはすべて長さ1の配列であるように見えるので、これを行うことができます：

<div class="row" v-for="(selezionato,index) in listaSelezionati"> 
    <div>{{selezionato[0]}}</div> 
</div>