Bootstrap

img 图片加载完成前及下载异常时的显示设置小技巧

Image 图片资源加载失败的回调函数是onerror,图片资源加载中的回调函数是onload

使用前端框架来调用这些函数时函数名有细微的差别:

vue 项目中 img 标签资源加载失败时的监听函数写法为 @error,资源加载中的回调函数为@load 去掉了 on;

//template中
<img src="../assets/merchantOutletLogo.png" @error="showDefaultLogo" @load="showDefaultLogo"/>

//script中,引入默认图片
const defaultLogo 
;