Карусель Flickity не работает, она показывает все изображения в виде столбца, я беру изображения с сервера через API - PullRequest
0 голосов
/ 14 октября 2019

Это работает, если я статично помещаю изображения в div, Как я могу решить эту проблему, пожалуйста, дайте мне решение

<flickity  ref="flickity" :options="flickityOptions" v-for="(item, index) in sliderData" :key="index">
            <div class="carousel-cell">
              <img
                :src="$axios.defaults.baseURL + 'file' + item.image"
                class="d-block w-100"
                alt="..."
              />
              <div class="banner-praz"></div>
              <div class="banner-text">
                <h4>Подведены итоги совершенствования деятельности служб миграции и оформления гражданства</h4>
                <nuxt-link to="#!">
                  <button class="button-slide">Подробнее</button>
                </nuxt-link>
              </div>
            </div>
</flickity> ```
...