微信小程序实例：image组件的binderror事件处理

        微信公众平台关于image组件的讲解都挺详细的，至于在binderror错误事件处理上并没有详细说明。那么如果我们在获取网络图片出现404 nofound的情况下要怎么处理呢？如果是单张和循环内的某张图片出错的情况下又该如何处理呢？

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

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

      但是，我尝试在小程序里的image组件也做这样的处理，却发现并不能实现，反而要提示APP-SERVICE-Engine错误信息。后来重新翻看文档，找到类似的事件处理binderror，文档支出可以通过event.detail打印出具体的出错信息，并没有给出出错后的具体解决方案。通过和前辈沟通得到的解决方案如下：

    通过dataset属性将image组件的src变量值存入。binderror事件通过获取属性变量值改变data的数据。当然这个有个弊端，就是image组件的src是动态的值而不能是直接指向某张图片的情况下。

      那么具体处理代码如下：

demo.wxml：：

单张图片：

<image src="{
  
  {testImg}}" binderror="errImg" bindload="loadImg" data-