微信小程序——图片加载失败方案

微信小程序image图片加载失败方案

很久没写博客了，这几天刚入职，入手项目还有些时间，所以一直在自己自我学习，毕竟学无止境。
微信小程序的image标签有一个binderror属性，用于专门绑定图片加载失败事件

bindImgError(e) {
    var index = parseInt(e.currentTarget.id);
    this.setData({
      [`goodList[${index}].IconImageUrl`]: "备用图片路径",
    })
  },

上面的方法绑定在binderror属性上，在event对象中可以获取列表项中image的id属性，我们把index设置在id上，就能拿到失败图片的位置，通过[${}]在setData方法中拿到data中的图片路径属性，进行赋值就行，主要点有两个，一个是怎么拿到image的index，二个是javascript里的符号嵌套。

就这样吧，以后陆续刷。