以上是在vue中的实践代码:
1、标签上绑定@error事件
<img @error=“onerrorUrl” src=“www.baidu.com”.t=“100%”>
2、data中定义
使用require拿到静态资源图片
defaultStation: require(’@/assets/images/error.png’)
3、定义错误回调事件
method中定义错误事件
onerrorUrl () {
let img = event.srcElement
img.src = this.defaultStation
img.onerror = null
},