小程序开发二三事--图片错误显示默认图

小程序的image组件不像普通html 的image，没有onerror属性，不过有个binderror回调方法。却不像onerror="this.src='/static/img/fmdefault.png'"来的方便。

binderror 当错误发生时，发布到 AppService 的事件名，事件对象event.detail = {errMsg: 'something wrong'};

当图片错误时，调用binderror方法，然后去改变image的src绑定的值。

<image class="userinfo-avatar" src="{{avatar}}" binderror="errorFunction"></image>

errorFunction: function(){
    this.setData({
      avatar: '/image/head.png'
    })    
}