Vue 2：v-用于动态组件的道具

Question

我有一个Vue组件，我想要做一个v-for的多个数组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:{ 

} 

}）;

Answer 1

你的数据listaSelezionati是一个对象数组的数组：[[{之一：一个}]，[{二，二}]]

当你走这条：

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

你是告诉Vue呈现第一个项目[{one:one}]，然后渲染该项目中的索引{one：one}。但是，因为它们都是长度为1的数组，所以您可以这样做：

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