img图片加载失败选择默认替换图片

一般我们需要加载图片的有两种:

1.img 标签直接通过src引用图片地址

   img标签的话，可以通过img自带属性onerror 写一个js进行控制，当图片加载失败后触发onerror

 <img :src="图片地址" onerror="nofind()" >

<script>
  nofind : function () {
    		var img=event.srcElement; 
    		if(img.src=="替换图片地址"){
                //防止替换图片也加载失败 循环调用 overflow
    			img.onerror=null; 
    		}
    		img.src="替换图片地址"; 
    }
</script>

2.通过css 的background-image 选择背景图

这种情况如下就可以

background-image: url(图片地址1),url(图片地址2);