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"; //显示图片未找到 图片
      }
    },

 

 

亲测有效