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> 

這是假設有每個公司一個形象