在其使用到额时候我们会感..._图片懒加载。只针对page与scroll-view下的image有效">
当前位置:   article > 正文

微信小程序图片懒加载(lazy-load,感觉不生效)_图片懒加载。只针对page与scroll-view下的image有效

图片懒加载。只针对page与scroll-view下的image有效
  1. 图片懒加载。只针对page与scroll-view下的image有效 (也就是说在其page页面下的组件也是有效的),这些只需要在其img设置:
    <image wx:for="{{manyImg}}" src='{{item}}' lazy-load="true" bindload="loadLazyImgChange" ></image>

  2. 在其使用到额时候我们会感觉懒加载不生效(小程序的lazy-load 不是通常认为的不在当前情况下展示的image标签不加载,而是 小程序提前加载当前屏幕和下一屏的图片 ,导致感知不到懒加载的存在)

<!-- 你可以使用bindload来验证 也是图片自定义属性bindload -->
<image wx:for='{{itemImg}}' src='{{item}}' lazy-load="true" bindload="loadLazyImgChange" wx:key='{{item}}'></image>
  • 1
  • 2
  loadLazyImgChange(e) {
    // 只需查看本事件触发即可知道image 的加载情况(图片数量可以尽可能的多,触发成功过后就能知道)
    // 小程序提前加载当前屏幕和下一屏的图片,所以滚动的时候会触发。
    console.log(e)
  },
  • 1
  • 2
  • 3
  • 4
  • 5

参考微信小程序的文档(lazy-load)

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/321266
推荐阅读
相关标签
  

闽ICP备14008679号