img加载失败时,限制onerror执行次数

在vue中,图片加载失败时,用onerror重复请求10次,如果还是失败,则替换为默认图片的实现

 
  

     

errorImageList(e){
   setTimeout(function () {
       let index = e.url.split('=')[1];
       if(index == undefined){
            e.url = e.url + '?timestemp=10';//请求时加上时间戳,防止缓存在
       } else if(parseInt(index)>0){
            e.url = e.url.split('?')[0]+'?timestemp='+(parseInt(index)-1);//重复请求10次
       }else{
            e.url = defaultImg//默认图片
       }
   }.bind(this), 1000);
},

你可能感兴趣的:(JS,HTML,vue)