[Vuejs]-How to bind an image inside v-for

by

0👍

✅

You need to bind the object’s property without brackets e.g

<div class="image"><img :src="portfolio.thumbnail.src" :alt="portfolio.thumbnail.alt" class="img-fluid">

0👍

I think your code should be like this.

<div v-for="(portfolio,index) in portfolios" :key="index" >
      <img :src="require(`img/portfolio-${index+1}.jpg`)" :alt="portfolio.thumbnail.alt" />
</div>

Leave a comment