夏日的草原，早晨空气格外清新，我缠着父亲在草原上漫步。幽幽的草香迎面拂来，红艳艳。朝阳正从地平线上冉冉升起，为辽阔的草原镀上一层金色。草叶上的露珠，像镶在翡翠上的珍珠，闪着五颜六色的光华。我看到草丛中夹着许多粉红色、白色、黄色或是蓝色的不知名的花，把草原装扮得十分美丽。
本文实例为大家分享了vue图片加载与显示默认图片的具体代码，供大家参考，具体内容如下
HTML：
<div class="content-show-img"> <div class="show-img"> <img class="default-image" :src="data.image" @load="successLoadImg" @error="errorLoadImg"> </div> </div>
JS：
Vue.prototype.successLoadImg = function(event) {
if (event.target.complete == true) {
event.target.classList.remove("default-image");;
var imgParentNode = event.target.parentNode;
if(imgParentNode.classList.contains('show-img')==true){
imgParentNode.style.background = "#000";
}
}
};
Vue.prototype.errorLoadImg = function(event) {
event.target.classList.add("default-image");;
};
针对尺寸不统一的：先显示默认图片，加载成功时移除默认图片，填充背景。
以上就是vue图片加载与显示默认图片实例代码。也许世间的事，都是那么的千奇百怪，随时随刻都会发生，但你要镇静，可又能镇静得了吗？我们都是俗人，没有什么惊天动地的事情，我们只有这份爱，可又那么的叫人难猜。更多关于vue图片加载与显示默认图片实例代码请关注haodaima.com其它相关文章！
