[英]How to pre-load images on vue project
我想加载页面上的所有图像以进行预加载(当路由更改时)。 我使用的所有图像都存储在本地。 当我测试滚动时正在加载网络图像。 我需要在页面装载而不是滚动上加载图像。
<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>
具有禁用延迟加载的eager
属性:
<v-img eager />
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.