当后台返回的图片在前端加载不出来时,前端做默认图片展示

类似于下面图片展示这样:
当后台返回的图片在前端加载不出来时,前端做默认图片展示_第1张图片

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,也就是说图片路径是有变化的)

:“showStaticImg”


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

你可能感兴趣的:(JavaScript)