uview的u-list和u-list-item组件分页加载时会出现卡顿,数据抖动问题
·
问题描述
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就解决了!!!
DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐


所有评论(0)