使用 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 循環的 仔細看看就知道了

解決了嗎？

wx image 對發成錯誤的網絡請求圖片 進行錯誤處理 binderror