-
图片懒加载。只针对page与scroll-view下的image有效 (也就是说在其page页面下的组件也是有效的),这些只需要在其img设置:
<image wx:for="{{manyImg}}" src='{{item}}' lazy-load="true" bindload="loadLazyImgChange" ></image>
-
在其使用到额时候我们会感觉懒加载不生效(小程序的lazy-load 不是通常认为的不在当前情况下展示的image标签不加载,而是 小程序提前加载当前屏幕和下一屏的图片 ,导致感知不到懒加载的存在)
<!-- 你可以使用bindload来验证 也是图片自定义属性bindload -->
<image wx:for='{{itemImg}}' src='{{item}}' lazy-load="true" bindload="loadLazyImgChange" wx:key='{{item}}'></image>
loadLazyImgChange(e) {
// 只需查看本事件触发即可知道image 的加载情况(图片数量可以尽可能的多,触发成功过后就能知道)
// 小程序提前加载当前屏幕和下一屏的图片,所以滚动的时候会触发。
console.log(e)
},