vue图片加载与显示默认图片实例代码

<div class="content-show-img">
　　<div class="show-img">
　　　　<img class="default-image" :src="data.image" @load="successloadimg" @error="errorloadimg">
　　</div>
</div>

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");;
};