Question

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

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

Answer 1

我不完全确定这是否是你所追求的，但这里是：

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

这假设每家公司有一张图片

Answer 2

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

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

VueJS v-repeat只有一次

2 个答案: