诚品城
诚品城
  • 发布:2019-08-12 22:25
  • 更新:2020-06-19 14:47
  • 阅读:19552

uniapp的图片懒加载怎么用?

分类:uni-app

image属性lazy-load说是只针对page与scroll-view下的image有效,这个page指的什么?
另外我在scroll-view下image中把lazy-load设置为true,没什么效果。
不知道这个怎么用,因为图片较多,加载体验很不好

2019-08-12 22:25 负责人:无 分享
已邀请:
诚品城

诚品城 (作者)

没人?

  • g***@sina.com

    参考一下 https://github.com/gs-wenbing/uni-mall,里面有懒加载,以及图片失败后的处理

    2019-09-02 10:25

3***@qq.com

3***@qq.com

该属性平台支持 微信小程序、5+APP、百度小程序、头条小程序
可以试试插件市场的懒加载

  • 诚品城 (作者)

    uniapp不能用?

    2019-08-13 15:57

2***@qq.com

2***@qq.com

你的问题 解决了没啊~
这个问题 困住了 我 一个星期了~

  • g***@sina.com

    <view class="image-wrapper">

    <image :src="goods.DefaultPicURL" :class="[goods.loaded]" mode="aspectFill" lazy-load @load="onImageLoad('seckillGoodsList', index)"

    @error="onImageError('seckillGoodsList', index)"></image>

    </view>

    2019-09-02 10:26

  • g***@sina.com

    可以参考 https://github.com/gs-wenbing/uni-mall

    2019-09-02 10:26

  • 匣中剑

    回复 g***@sina.com: 老哥我也是这么写得,但是每次执行this.loadData()重新获取数据的时候,onload就不触发了,图片也就都加载不出来了,你的也是这样么

    2021-01-28 19:49

风云杭州

风云杭州

关注。 发现 swiper里包含的image 图片显示有时候比较慢。第一张图片没问题,第二张图片展示慢,挺奇怪

该问题目前已经被锁定, 无法添加新回复