猿问

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

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符号,因为背景是白色的所以没看出来,但是这并不是我想要的默认图片,有人知道这个问题的么


慕姐8265434
浏览 1722回答 3
3回答

白板的微信

找的问题所在了,项目里我引用了mint ui 当把Vue.use(VueLazyLoad,{&nbsp; &nbsp; loading:'./static/img/loading.png',&nbsp; &nbsp; error:'./static/img/error-pic.jpeg'})初始化放到Vue.use(Mint)后面是就会导致初始化失败,只需要把初始化放在Vue.use(Mint)之前就行了

忽然笑

这个问题,我也碰见了。mint-ui里面也有Lazyload这个组件,所以会影响vue-lazyload
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答