VUE-OWL-CAROUSEL-Carousel Workign En utilisant le modèle de base:
<carousel> // Not Working <img v-for="slide in slides" :src="getslide(slide)"> </carousel> <carousel> // Not Working <template v-for="slide in slides"><img :src="getslide(slide)"></template> </carousel> <carousel> // Not Working, the error is with v-for.. <img v-for="slide in slides" src="/slide.png"> </carousel>
4 Réponses :
Vous pouvez essayer:
Utilisez-vous Axios pour obtenir des données sur la matrice de diapositives de la base de données? Si tel est le cas, le gabarit de VUE est rendu avant que les données ne soient reçues dans le tableau, ce qui entraîne le carrousel ne fonctionne pas. Vous pouvez rendant le composant VUE et cela fonctionnera. J'ai eu le même problème et re-rendu le VUE résolu.
<div v-if="slides.length > 0"> <carousel> <img v-for="slide in slides" :src="getslide(slide)"> </carousel> </div code worked for me :)
Sur "Code a fonctionné pour moi :)": on suppose que le code que vous postez comme une réponse fonctionne ; Sinon, vous ne devriez pas poster. Il est donc préférable de supprimer cette déclaration et plutôt expliquer quel est votre code (comment ça fonctionne).
J'ai eu le même problème, juste vérifier si vos diapositives Les données sont vraies
Essayez ce code: P>
<carousel v-if="slides"> <img v-for="slide in slides" :src="slide.png"> </carousel>
J'ai testé et cela semble fonctionner comme prévu. codesandbox.io/s/vue-wwl-carousel-demo-g13k7< Combien d'articles avez-vous dans
diapositives ?