vue -owl-carousel не работает с данными Dynami c - PullRequest
Новая
       95

vue -owl-carousel не работает с данными Dynami c

1 голос
/ 08 мая 2020

Я пробовал этот код с ручными данными, и он работал отлично, теперь я извлекаю данные из базы данных в карусель, но он просто загружает все изображения на страницу, не просматривая их. это мой код 

<carousel :margin="20"
              :autoplay="true"
              :items="3"
              :loop="true"
              :nav="true"
              :navText="[`<span class='fas fa-angle-left text-bold h3'></span>`,`<span class='fas fa- 
               angle-right text-bold h3'></span>`]"
              :dots="false"
    >
        <div v-for="(project, index) in projects" :key="index" :class="index === 0 ? 'active': ''">
            <img :src="project.cover_image" alt="image" >
        </div>


    </carousel>

1 Ответ

1 голос
/ 01 июля 2020

Вам просто нужно добавить v-if="projects.length > 0" в карусель 

<carousel v-if="projects.length > 0">
    <div v-for="(project, index) in projects" :key="index">
        <img :src="project.cover_image" alt="image" >
    </div>
</carousel>
...