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

0 0 vue.js javascript
改名字很伤神
改名字很伤神

声望值:107 0人

2018-07-10 13:08:48 提问

关注 0关注

收藏 0收藏, 189浏览

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

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

环境保护局 浏览量:8415 

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

请先 登录 后评论

2个回答

  • TimoTolkki135声望 2018-07-09 09:24

    VueLazyLoad内部监听图片的最近一个带滚动的父元素的如下事件:['scroll', 'wheel', 'mousewheel', 'resize', 'animationend', 'transitionend', 'webkitAnimationend', 'webkitTransitionend', 'touchmove'] 所以你可以发下dom结构让大家分析下, 单独看图片的dom是看不出什么的
    请先 登录 后评论
  • Cocos︷Creator201声望 2018-07-09 09:24

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

注册新账号

悬赏追问
10
  • 10
  • 20
  • 50
  • 100
  • 200
  • 输入数值
发布追问