vue中如何實現(xiàn)圖片加載與顯示默認圖片
這篇文章主要為大家展示了“vue中如何實現(xiàn)圖片加載與顯示默認圖片”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“vue中如何實現(xiàn)圖片加載與顯示默認圖片”這篇文章吧。
我們提供的服務(wù)有：做網(wǎng)站、成都網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、田陽ssl等。為成百上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的田陽網(wǎng)站制作公司
HTML：
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");;
};針對尺寸不統(tǒng)一的：先顯示默認圖片，加載成功時移除默認圖片，填充背景。
以上是“vue中如何實現(xiàn)圖片加載與顯示默認圖片”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
文章標題：vue中如何實現(xiàn)圖片加載與顯示默認圖片
轉(zhuǎn)載來源：
http://weahome.cn/article/jcsicc.html
重慶分公司
重慶分公司
