tengo un slider owl-carousel
,
<div class="bg-secondary bg-size-cover mb-grid-gutter"
style="background-image: url(img/home/electronics/hero-main-bg.jpg);">
<div class="owl-carousel"
data-owl-carousel="{ "nav": true, "dots": false, "loop": true, "autoHeight": true, "autoplay": true, "autoplayTimeout": 5500 }">
<div class="row align-items-center " v-for="item in 5">
<div class="col-md-5">
</div>
<div class="col-md-7">
</div>
</div>
</div>
</div>
al cual le hago un recorrido hasta 5 veces y funciona correctamente
pero si al v-for recorro un array que viene desde mi controlador de laravel pasa esto:
lo que intento hacer es simplemente esto v-for="item in items"
,
Como dije anteriormente items
viene desde una respuesta de mi servidor, que se carga correctamente, pero por alguna razon no renderiza correctamente, y lo unico que hago es reemplazar el 5
por items
Probe inicializar mi array de esta forma:
items: [1, 2, 3, 4, 5]
y funciona, pero no puedo utilizarlo asi por que el slider debe ser dinamico y si no inicializo mi array con la cantidad que viene desde el controlador el diseño tambien se rompe. No tengo idea de que esta pasando, ya estoy 2 días por el, disculpen por las imagenes pero no se me ocurrio otra forma mas simple de explicar mi problema,
ACTUALIZACION
<div class="owl-stage-outer owl-height">
<div class="owl-stage">
<div class="owl-item cloned">
<div class="row align-items-center py-5">
</div>
</div>
</div>
</div>
en la consola aparece estos 3 divs que envuelven al div al cual le hago el v-for.