vue中使用图片预加载

Posted cs122

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中使用图片预加载相关的知识,希望对你有一定的参考价值。

1; npm i vue-lazyload

2: 在main.js里 import vuelazyload from ‘vue-lazyload‘;

Vue.use(vuelazyload,{
  loading: ‘/static/1.jpg‘   // 图片没加载出来之前显示的图片
})
3:  <img v-lazy="item.url" >

以上是关于vue中使用图片预加载的主要内容,如果未能解决你的问题,请参考以下文章

图片懒加载和预加载

图片预加载与懒加载

图片预加载与图片懒加载的区别与实现

观察者模式实现图片预加载,并开放事件监听接口

js图片预加载

关于图片预加载1