问题描述
uview的u-list和u-list-item组件使用分页加载时会出现卡顿,数据抖动问题
<u-list @scrolltolower="scrolltolower">
<u-list-item v-for="(item, index) in listData" :key="index">
</u-list-item>
</u-list>
解决方案:
uview的u-list组件有一个preLoadScreen属性,是指列表前后预渲染的屏数,1代表一个屏幕的高度,1.5代表1个半屏幕高度。
<u-list @scrolltolower="scrolltolower" :preLoadScreen="pagelist.pageNum * 4">
<u-list-item v-for="(item, index) in listData" :key="index">
</u-list-item>
</u-list>
preLoadScreen根据page(分页数)动态变换即可。:preLoadScreen="pagelist.pageNum * 4"。
这样bug就解决了!!!