收藏
回答

微信小程序的两个问题

问题模块
API和组件

1、官方例子中有用到wx:for-items,这和wx:for有什么区别?没找到相关wx:for-items的资料。我试过改成wx:for运行一模一样。

2、我们都知道html的img组件自带一个onerror图片出错事件处理机制,写法就如同js一样。语法如下:

     <img src="xxx" onerror="this.src='./img/default.png'"/>

       但是,我尝试在小程序里的image组件也做这样的处理,却发现并不能实现,反而要提示APP-SERVICE-Engine错误信息。后来重新翻看文档,找到类似的事件处理binderror,文档支出可以通过event.detail打印出具体的出错信息,并没有给出出错后的具体解决方案。所以建议官方给我解决方案,尤其涉及到列表加载的时候,如何解决?

最后一次编辑于  2017-01-04  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

3 个回答

  • oric
    oric
    2017-01-04

    1、一样的,wx:for是简写

    2、<img src='{{src}}' binderror="changesrc"/>     在js里实现一下changesrc就好了

    2017-01-04
    赞同
    回复
  • One
    One
    2017-01-04
    1. 只是简写

    2. <block wx:for="{{srcs}}"> 

      <image data-index="{{index}}" binderror="errorImage" src="{{src}}"></image>

      </block>

      js:

      errorImage:function(e){

      var index = e.currentTarget.dataset.index;//当前出错的图片位置

      this.data.srcs[index]//当前出错的图片

      }

    2017-01-04
    赞同
    回复
  • 心灵鸭汤
    心灵鸭汤
    2017-01-09

    谢谢楼上的回复,第一点我知道了,关于第二点,因为我实际情况是,src也是动态组装的图片,比如某一条新闻列表,id为i,则图片为http://xxxx:8080/demo/images/i.jpg,如果发现这个网络图片不存在,则使用默认的图片http://xxxx:8080/demo/images/j.jpg

    2017-01-09
    赞同
    回复