vue中的图片加载与显示默认图片

最新推荐文章于 2024-01-31 18:27:20 发布

weixin_30439067

最新推荐文章于 2024-01-31 18:27:20 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/luoxuemei/p/9888290.html

本文介绍了一种在Vue中处理图片加载成功与失败的方法，通过Vue原型挂载函数实现图片加载状态的判断与样式调整。

　　原博客地址：https://www.cnblogs.com/xulei1992/p/6558294.html

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

转载于:https://www.cnblogs.com/luoxuemei/p/9888290.html