VueLazyLoad成功引入，在审查元素中也可以看到属性，但是就是懒加载图片无法显示

Question

Vue.use(VueLazyLoad,{
    loading:require('./static/img/loading.png')
})

 <img v-lazy="item.thumb_url" alt="" :onerror="errorImg">

浏览器审查元素中是这样的，这样应该是正确引入了，但是为毛图片显示不出来？

<li class="newlist-item"><img src="data:image/svg+xml;base64xxxxxx" lazy="loading">
<span class="newcompany-name">环境保护局</span> <span>浏览量:8415</span> <div class="newhongbao" style="display: none;"></div></li>

这是dom结构
图片也并不是显示不出来，也是存在图片的，是一个白色的loading符号，因为背景是白色的所以没看出来，但是这并不是我想要的默认图片，有人知道这个问题的么

Answer 1

找的问题所在了，项目里我引用了mint ui 当把

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

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

Answer 2

VueLazyLoad内部监听图片的最近一个带滚动的父元素的如下事件:
['scroll', 'wheel', 'mousewheel', 'resize', 'animationend', 'transitionend', 'webkitAnimationend', 'webkitTransitionend', 'touchmove']

所以你可以发下dom结构让大家分析下, 单独看图片的dom是看不出什么的

Answer 3

这个问题，我也碰见了。mint-ui里面也有Lazyload这个组件，所以会影响vue-lazyload

Answer 4

我没有用mint-ui，只用了vue-lazyload，但是结果是有部分图片能加载出来，部分图片像问题所说那样不显示。为什么呢？

Answer 5

---

---

---

---

---