收藏
回答

微信小程序 swiper 组件不显示图片 ?

大神门好,小白初来乍到,这个 swiper 组件搞了三天来,真想爆粗口,还是显示不了图片,求解 !!!!

代码如下:

调试结果:


我的 image url 链接是在 onload 里从云数据库得到的,控制台也打印出来了。但是 swiper 组件就是取不到。我怀疑系统是 先渲染页面,才执行

onload 函数,我加了 wx:if 判断也没用。哎,心里,求救。


ps: 如果我想在页面渲染前,去get数据,用什么办法?


谢谢各位了,拜谢!!!!!


回答关注问题邀请回答
收藏

4 个回答

  • zhiou
    zhiou
    2020-04-11

    把index.wxml第6行删掉

    图片不应该使用view组件包裹

    this.setData({
    	pictures:res.data
    })
    
    2020-04-11
    有用 1
    回复
  • 小乙
    小乙
    2020-04-11

    哇咔咔,谢谢各位,我将第6行去掉了,没作用。但是

    this.setData({
    	pictures:res
    })
    改成
    this.setData({
    	pictures:res.data
    })
    就好了,奇怪了,我上面那种写法,控制台也是正常输出的,也没有告警。
    
    2020-04-11
    有用
    回复 5
    • zhiou
      zhiou
      2020-04-11
      数据没有绑定上,页面当然不会渲染
      2020-04-11
      回复
    • 小乙
      小乙
      2020-04-11回复zhiou
      谢谢,可否再追加一个问题,我也是困扰几天了,我无法让图片宽度充满手机,右边总有缝隙,就是我提问题里的代码,我网上搜了很多,都说这样可以。我却不行
      2020-04-11
      回复
    • zhiou
      zhiou
      2020-04-11
      试试
      2020-04-11
      回复
    • 小乙
      小乙
      2020-04-11回复zhiou
      搞定了,谢谢!!
      2020-04-11
      回复
    • 轩宠儿尚
      轩宠儿尚
      2020-09-16回复小乙
      亲 咋搞定的
      2020-09-16
      回复
  • Stephen
    Stephen
    2020-04-11

    swiper 组件中只可放置 swiper-item 组件,否则会导致未定义的行为。

    2020-04-11
    有用
    回复
  • 一袋甜椒
    一袋甜椒
    2020-04-11

    把index.wxml第6行去掉试试?

    2020-04-11
    有用
    回复
登录 后发表内容
问题标签