img标签中的src图片加载失败,原来的图片位置会出现一个碎片图标
如何使用占位图,变成这样
这时候应该了解一下 img 标签的onerror
事件:
onerror 事件会在文档或图像加载过程中发生错误时被触发。
示例代码
结构中:
<img width='100%' :src="imgs" alt="picture" :onerror="errorImg">
vue项目中
data() {
const nullImage = require('@/assets/images/loading.png')
return {
errorImg: 'this.src="' + nullImage + '"'
}
},