鍍金池/ 問答/HTML/ VueLazyLoad成功引入，在審查元素中也可以看到屬性，但是就是懶加載圖片無

VueLazyLoad成功引入，在審查元素中也可以看到屬性，但是就是懶加載圖片無法顯示

Vue.use(VueLazyLoad,{
    loading:require('./static/img/loading.png')
})
 <img v-lazy="item.thumb_url" alt="" :onerror="errorImg">

clipboard.png
瀏覽器審查元素中是這樣的，這樣應該是正確引入了，但是為毛圖片顯示不出來？

<li class="newlist-item"><img src="data:image/svg+xml;base64xxxxxx" lazy="loading">
<span class="newcompany-name">環(huán)境保護局</span> <span>瀏覽量:8415</span> <div class="newhongbao" style="display: none;"></div></li>

這是dom結構
圖片也并不是顯示不出來，也是存在圖片的，是一個白色的loading符號，因為背景是白色的所以沒看出來，但是這并不是我想要的默認圖片，有人知道這個問題的么

回答
編輯回答
小眼睛
2017年8月10日 12:40
編輯回答
尕筱澄

VueLazyLoad內部監(jiān)聽圖片的最近一個帶滾動的父元素的如下事件:
['scroll', 'wheel', 'mousewheel', 'resize', 'animationend', 'transitionend', 'webkitAnimationend', 'webkitTransitionend', 'touchmove']

所以你可以發(fā)下dom結構讓大家分析下, 單獨看圖片的dom是看不出什么的

2017年11月24日 08:48
編輯回答
清夢

我沒有用mint-ui，只用了vue-lazyload，但是結果是有部分圖片能加載出來，部分圖片像問題所說那樣不顯示。為什么呢？

2017年9月3日 00:23
編輯回答
熊出沒

找的問題所在了，項目里我引用了mint ui 當把

Vue.use(VueLazyLoad,{
    loading:'./static/img/loading.png',
    error:'./static/img/error-pic.jpeg'
})

初始化放到Vue.use(Mint)后面是就會導致初始化失敗，只需要把初始化放在Vue.use(Mint)之前就行了

2017年4月5日 19:23
編輯回答
柚稚

這個問題，我也碰見了。mint-ui里面也有Lazyload這個組件，所以會影響vue-lazyload

2017年9月10日 18:23