为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕姐8265434 2019-03-11 17:19:59
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符号,因为背景是白色的所以没看出来,但是这并不是我想要的默认图片,有人知道这个问题的么
查看完整描述

3 回答

?
白板的微信

TA贡献1883条经验 获得超3个赞

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


Vue.use(VueLazyLoad,{

    loading:'./static/img/loading.png',

    error:'./static/img/error-pic.jpeg'

})

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


查看完整回答
反对 回复 2019-03-14
?
忽然笑

TA贡献1806条经验 获得超5个赞

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


查看完整回答
反对 回复 2019-03-14
  • 3 回答
  • 0 关注
  • 1499 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信