前端对图片加载失败做默认图片处理

类似于下面图片展示这样：

1.JQ的写法：
获取该图片的class，采用jq的one() 方法为被选元素附加一个或多个事件处理程序，并规定当事件发生时运行的函数。

 $('.top_mg').one("error", function(e){  //加入相应的图片类名
          $(this).attr("src", "../imgs/loading_img.png");
 });

2.VUE的处理方法：
在img的onerror方法中调用，在data里面赋值引用（ps:比如我们写的图片路径是：…/assets/img.png，但是在网页开发者工具查看时路径却是：/static/img/img.4aa0af1.png，也就是说图片路径是有变化的)

:οnerrοr=“showStaticImg”

<img  :src="userData.photo"  :onerror="showStaticImg" class="img-box4">

data: () => ({
    showStaticImg: 'this.src="' + require('../assets/img.png') + '"'
})