VueJS v-重复只有一次

Question

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

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

Answer 1

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

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

Answer 2

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

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

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