1.图片事件(原生)
- onerror：图像加载过程中发生错误时被触发。
- onabort：图片加载的时候，用户通过点击停止加载时触发，通常在这里触发一个提示：“图片正在加载”。
- onload：当图片加载完成之后触发。
2.onerror，什么情况下才会触发？
- 1.src属性为空或者null
- 2.src的地址与当前页面的地址一致
- 3.在加载过程中因为某些原因崩溃
- 4.图片的元数据已损坏，无法知道尺寸，并且<img>标签也没定义尺寸
- 5.当前的user agent不支持该图片格式
<img class='img' src="imageUrl" alt="" @error="imgError">
data(){
return{
url:require("图片路径")
}
}
// js
imgError(event){
let img=event.target;
event.target.style.objectFit="contain";// 这个无所谓
event.target.style.height="200px";// 默认设置高度
img.src=this.url;// url是在data中定义的
img.onerror=null;//防止闪图
}
