2015-08-31 103 views
0

我目前使用v-repeat来获取我的对象。 里面我有一个更多的V - 重复,但这只应该重复一次。这可能吗?VueJS v-重复只有一次

<div v-repeat="companies"> 
{{name}} 
    <div v-repeat="image: images"> // should only repeat once 
    {{image.name}} 
    </div> 
</div> 
+0

不确定我明白这个问题。如果你只想重复一次,为什么你使用'v-repeat'? –

回答

0

如果每家公司都有很多图片并且您只想要显示第一张图片,这里有一个解决方案:

<div v-repeat="company in companies"> 
    {{company.name}} 
    <img v-attr="src: company.images[0].url"> 
    {{company.images[0].name}} 
</div> 
0

我不能完全肯定,如果这是你所追求的,但这里有云:

<div v-repeat="company: companies"> 
{{company.name}} 
    <div> 
    <img v-attr="src: company.image.url"/> 
    {{company.image.name}} 
    </div> 
</div> 

这是假设有每个公司一个形象