[Vuejs]-Vue-Owl-Carousel not working when using Loop

You can try:

<div v-if="slides.length > 0">
<carousel>
 <img v-for="slide in slides" :src="getslide(slide)">
</carousel>
</div

Are you using axios to get data to the slides array from the database?. If so the template of vue is being rendered before the data is received in the array causing the carousel not to work. you can re render the vue component and it will work. I had same problem and re-rendering the vue solved it.

<div v-if="slides.length > 0">
<carousel>
 <img v-for="slide in slides" :src="getslide(slide)">
</carousel>
</div

code worked for me 🙂

I had the same problem, just check if your slides data is true

try this code :

<carousel v-if="slides">
   <img v-for="slide in slides" :src="slide.png">
</carousel>