预加载页面上的图片资源,提高用户体验

Vue-img-preload

效果预览

使用方法

下载vue-img-preload插件

npm install vue-img-preload

配置参数

  1. eachLoaded(function): 每次加载成功图片的行为,默认在控制台打印one picture has been loaded
  2. allLoaded(function): 所有图片加载成功的行为,默认在控制台打印all picture has been loaded
  3. type(string): 图片有序/无序加载,默认为’disorder‘,采用无序加载,如果type值不为’disorder‘,则采用有序加载。使用有序加载时,建议设置为‘order’。
  4. max: 一次加载的照片个数,默认值为1000,当图片数量小于max时,加载所有图片;当图片的数量大于max时,采用分块加载,当前块加载完毕后才会加载下一块,每块的长度为max

相关文章:

  • 2022-12-23
  • 2021-08-25
  • 2022-12-23
  • 2022-12-23
  • 2021-08-04
  • 2021-08-28
  • 2021-11-24
  • 2021-09-11
猜你喜欢
  • 2021-12-11
  • 2021-07-23
  • 2022-12-23
  • 2021-09-28
  • 2021-10-12
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案