用途:InfiniteScroll 是 Element Plus 提供的指令,在滚动到页面底部时加载更多数据,适合无限滚动列表、内容懒加载、滚动分页与信息流式布局。
主要能力:通过 v-infinite-scroll 绑定加载方法;支持 infinite-scroll-disabled 停止加载、infinite-scroll-delay 设置节流延迟(默认 200 毫秒)、infinite-scroll-distance 设置触发距离(默认 0 像素)、infinite-scroll-immediate 控制是否立即执行(默认 true)。
使用方式:在列表元素上使用 v-infinite-scroll="load",在脚本中定义 load 方法追加数据。数据加载完毕时,可将 infinite-scroll-disabled 设为 true 以停止继续触发。
适用场景:无限滚动列表、懒加载内容、滚动分页、Feed 风格布局。
限制与建议:资料建议在无更多数据时用 infinite-scroll-disabled 停止加载,按需设置合适的 infinite-scroll-distance 以改善体验,并可配合 Scrollbar 组件以获得更好性能。其余细节暂未提供。