загрузка счетчика до загрузки изображений в компонент - PullRequest
Новая
       26

загрузка счетчика до загрузки изображений в компонент

0 голосов
/ 16 апреля 2019

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

<template>
  <div>
    <b-carousel
      id="showcase"
      controls
      :interval="4000"
      img-width="1024"
      img-height="480"
    >

      <b-carousel-slide v-for="image in images" :key="image.name">
        <img
          slot="img"
          class="d-block img-fluid w-100"
          width="1024"
          height="480"
          :src="require(`~/assets/img/carousel/${image.name}`)"
          alt=""
        />
      </b-carousel-slide>

    </b-carousel>
  </div>
</template>
<script>
export default {
  data() {
    return {
      images: [
        { name: 'slide_img_0.jpg' },
        { name: 'slide_img_1.jpg' },
        { name: 'slide_img_3.jpg' },
        { name: 'slide_img_4.jpg' },
        { name: 'slide_img_5.jpg' },
        { name: 'slide_img_6.jpg' },
        { name: 'slide_img_7.jpg' },
        { name: 'slide_img_9.jpg' },
      ]
    }
  }    
}

</script>
...