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

时间:2017-07-16 14:09:47

标签: javascript vue.js v-for

我有一个Vue组件,我正在尝试对由props传递的多数组json对象进行v-for, 这个对象是dinamyc,由父方法填充。 这里:

enter image description here

我的问题是在组件中我只看到数据的第一个对象 enter image description here

但我在控制台中没有错误,所以我不明白这是什么问题,我必须在数据中观察吗?

这里是我的代码:

webServerDidStart

COMPONENT

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

});

1 个答案:

答案 0 :(得分:2)

您的数据listaSelezionati是一个对象数组:[[{one:one}],[{two,two}]]

当你这样做时:

<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>