问题描述

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就解决了!!!

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐