vue图片url失效解决办法

629 阅读1分钟

在vue开发过程中img标签,当src的url失效时

1,使用默认图片代替

<img :src="url" @error="nofindImg()"/>

    nofindImg(){

      let img = event.srcElement;

      img.src = "../../../static/404.png";

      img.onerror = null; //防止一直跳动

    },

2,直接删除标签

	//onError:当图片加载出现错误,会触发this.remove()移除标签
	<img  :src="url"  :οnerrοr="default"/>
	data() {
   	return {
       	url:'',
       default: 'this.remove()'
       }
     }