Taro虚拟列表踩坑


我觉得虚拟列表性能会比较好,所以强烈推荐使用虚拟列表,然后同事跟我说虚拟列表,子项的高度都是一致的,没办法自适应高度,一看,是这样

1.必须传递高度值

2.虚拟列表的高度也必须传递 并且height属性一定要是一个固定值,不能是百分比或vh/vw等。可以在computed里面进行一系列处理

从原理来看,这些组件都是通过计算好列表的长度(所以必须传高度),在wrapper处加上合适的padding-top和padding-bottom撑起这个列表,同时通过IntersectionObserver等方式判断组件是否进入/离开了视口,并且只保留距离视口一定范围内的DOM元素。随着用户滚动不断更新展示的组件,这样就在用户无感的情况下做到了对超长列表的部分展示。

然后我妥协了 23333


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM