很简单就是img外层盒子给个背景图片,img先隐藏起来,onload成功在显示出来加完事了。
.imgload{
background: url(../image/loadimg2.png) no-repeat center center;
}
.imgload img{
opacity: 0;
transition: .3s opacity;
}
<div class="imgload">
<img alt="" :src="item.image_src || '../../image/loadimg2.png'" onerror="imgError()" onload="this.style.opacity=1;">
</div>
function imgError() {
lat img = event.srcElement;
img.src = "../../image/loadimg2.png";
img.onerror = null;
}