Vue无限滚动组件如何改写为支持长尾关键词的？

本文共计2863个文字，预计阅读时间需要12分钟。

目录

1.前言

2.整体思路+开始

3.钉子函数

3.1 获取偏移初始位置的元素值 3.2 获取开始滚动和结束滚动的钉子函数

4.完整代码

4.1 前言 对大量列表类型数据，前端展示往往采用分页技术。

目录

• 1. 前言
• 2. 整体思路
• 开始
• 3. 钩子函数
• 3.1 获取偏移初始位置的像素值
• 3.2 获取开始滚动和结束滚动的钩子函数
• 4. 完整代码

1. 前言

对于列表类型的大量数据，前端展示往往采用 分页 和 无限滚动 的方式来展示，对于用户来说，鼠标滚轮和触控屏使滚动行为要比点击更快更容易。