vue项目中使用默认图片代替异常图片
第一种方法
<img onerror="javascript:this.src='../../static/custom.png';" class="customerHead" :src="param.customerHead" alt="">
图片不存在时,触发 onerror,显示custom.png
第二种方法
<img :onerror="errpic" class="customerHead" :src="param.customerHead" alt="">
data() {
return {
errpic:'this.src="' + require('../../assets/img/errpic.png') + '"',
}
}
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!
网友评论