前端记录
程序员文章站
2023-12-24 22:01:09
vue项目中使用默认图片代替异常图片 第一种方法 图片不存在时,触 ......
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') + '"',
}
}