关于图片加载完的问题

首页课程实战体系课手记专栏慕课教程

关于图片加载完的问题

来源：4-12 vue-lazyload 懒加载插件介绍和应用

慕娘6352887

2017-09-27

老师你好。我在尝试做一个商城。有商品（两列布局）列表. better scroll初始化的时候滚动不了。后发现是内容容器的高度计算不正确。给图片加了@load就可以了。但是有两个问题。1，老师加@load是只要有一张滚动图的高度加载好，就不refresh了。而我的布局里的图片是分散的。岂不是要每加载完一张图片，就要scroll refresh一次？2，如果设置了懒加载的默认图片（该图片尺寸和商品不一样）。就会出现better scroll初始化高度计算不正确或无法滚动。怎么办哦

写回答

1回答

ustbhuangyi

ustbhuangyi

2017-09-28

即使每加载完一张图片就 refresh 问题也不大，所以监听每一张图片的 load 事件去 refresh scroll 就好，懒加载也一样。

0

4

ustbhuangyi

回复

慕娘6352887

懒加载图片换成真实图片加载，也会触发 load 事件

2017-10-10

共4条回复

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

相似问题

bscroll 无法滚动到底部。

回答 3

图片

回答 1

加入vue-lazy有的图片一直显示默认图片，图片加了class="needsclick"，还是无法点击

回答 3

一定要监听那个图片加载的么？

回答 1

图片加载完成，better-scroll刷新

回答 1

打开慕课网App查看更多内容