Vue-img-preload

• Z时代
• 2024-01-10
• 分类：综合

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

效果预览

使用方法

下载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

以上是 Vue-img-preload 的全部内容， 来源链接： utcz.com/z/376847.html