vue 프로젝트에서 이미지를 사전 로드하는 방법

vue 프로젝트에서 이미지를 사전 로드하는 방법

모든 이미지를 페이지에 로드하여 프리로드(루팅 변경 시)하고 싶습니다.사용한 모든 이미지는 로컬에 저장됩니다.네트워크 이미지가 로딩되는 것을 테스트하면 스크롤됩니다.스크롤이 아닌 페이지 마운트에 이미지를 로드해야 합니다.

 <div class="text-center" style="margin-top: 10vh;">
  <v-layout row wrap justify-center>
    <v-flex
      md12
      align-self-center
      data-aos-easing="linear"
      data-aos-delay="100"
      data-aos="fade-up"
      data-aos-duration="1500"
    >
      <v-img
        contain
        height="90vh"
        src="../assets/chamika_house/_SDS3575.jpg"
      ></v-img>
    </v-flex>
  </v-layout>
</div>
<div style="width:99vw;height:36vh;padding:10px"></div>

<div>
  <v-img
    contain
    height="95vh"
    src="../assets/chamika_house/_SDS3429.jpg"
    data-aos="fade-up"
    data-aos-easing="linear"
    data-aos-delay="100"
    data-aos-duration="1500"
  ></v-img>
</div>

<v-img>에는 느린 로드를 비활성화하는 받침이 있습니다.

<v-img eager />

언급URL : https://stackoverflow.com/questions/66889009/how-to-pre-load-images-on-vue-project