微信小程序 圖片加載失敗處理方法

微信小程序 官方文檔對image 媒體組件加載失敗 沒有太多的解釋，使用中出現了幾個小問題，今天抽空記錄一下

WXML：

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

 

JS：

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

WXML：

<view wx:for="{{branchList}}" wx:key="{{key}}" wx:for-index='index'>
      <image src='{{item.branch_photo}}' binderror="errorFunction" data-index='{{index}}'></image>
</view>

errorFunction: function (event) {
   console.log(event)
   var index = event.currentTarget.dataset.index
   var img = 'branchList['+index+'].branch_photo'
     this.setData({
       [img]: '/pages/resource/img/loading.gif'
     })   
 }