wx image 对发成错误的网络请求图片 进行错误处理 binderror

Posted 2021-02-02 lisiyang

使用 binderror 对 wx image 请求的资源 发生错误时 进行错误处理 替换原图

直接看代码吧

    <image class=‘matchimg‘ data-imgtype=‘banner‘ src="{{item.banner_url}}" binderror="_handleError" data-errorimg="{{index}}" ></image>

      let { matchList } = this.data;
      let errorImgIndex = e.target.dataset.errorimg //获取循环的下标
      let iconType = e.target.dataset.imgtype;
      let item = matchList[errorImgIndex];

        item.icon_url = ‘http://djq-web-public.oss-cn-hangzhou.aliyuncs.com/images/ico_default_err_game.png‘;

        item.banner_url = ‘http://djq-user-pub-data.oss-cn-hangzhou.aliyuncs.com/bigeyes/154/banner.jpg‘;

      matchList[errorImgIndex] = item;
      this.setData({ matchList })

代码没贴全  

image 是通过 matchList 循环的 仔细看看就知道了

解决了吗？