vue中怎么实现图片加载与显示默认图片

这篇文章主要介绍"vue中怎么实现图片加载与显示默认图片"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"vue中怎么实现图片加载与显示默认图片"文章能帮助大家解决问题。

HTML：

JS：

Vue.prototype.successLoadImg = function(event) {  if (event.target.complete == true) {    event.target.classList.remove("default-image");;    var imgParentNode = event.target[xss_clean];    if(imgParentNode.classList.contains('show-img')==true){      imgParentNode.style.background = "#000";    }  }};Vue.prototype.errorLoadImg = function(event) {  event.target.classList.add("default-image");;};

针对尺寸不统一的：先显示默认图片，加载成功时移除默认图片，填充背景。

关于"vue中怎么实现图片加载与显示默认图片"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注行业资讯频道，小编每天都会为大家更新不同的知识点。