问题描述

uview的u-list和u-listitem组件使用分页加载时会出现卡顿,数据抖动问题

<u-list @scrolltolower="scrolltolower">
	<u-list-item v-for="(item, index) in listData" :key="index">

	</u-list-item&gt;
</u-list&gt;

解决方案

uview的u-list组件一个preLoadScreen属性,是指列表前后渲染的屏数,1代表一个屏幕高度,1.5代表1个半屏幕高度

<u-list @scrolltolower="scrolltolower" :preLoadScreen="pagelist.pageNum * 4"&gt;
	<u-list-item v-for="(item, index) in listData" :key="index"&gt;
	</u-list-item&gt;
</u-list&gt;

preLoadScreen根据page(分页数)动态变换即可。:preLoadScreen=”pagelist.pageNum * 4″。

这样bug解决了!!!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注