vue 判斷當前圖片地址是否404

以最簡單的方法解決未找到圖片之后的邏輯處理，不管是重新選擇圖片地址還是彈出消息提示

html部分

<img :src="URL" alt="" @error="imgError">

imgError(){
   alter('圖片未找到404！');
　　//如果需要重新設置圖片地址可以在此處寫其他邏輯，重新賦值URL
},

 

第二種方式

  imageLoad(src) {
      var Img = new Image();
      Img.src = src;
      if (Img.fileSize > 0 || (Img.width > 0 && Img.height > 0)) {
      } else {
        this.imgs = "../../../static/images/1.png"; //顯示圖片未找到 圖片
      }
    },

 

 

親測有效