vue-infinite-loading

Vue-infinite-loading是一个Vue.js的无限滚动插件，可以用于实现下拉加载数据的功能。它可以与Element UI的分页组件一起使用，以实现更好的用户体验。\[1\]

在使用vue-infinite-loading时，你可以通过设置distance属性来定义距离底部多少距离时触发加载事件。当identifier属性发生变化时，组件会自动重设。你可以在@infinite事件后跟一个方法，该方法可以将获取到的数据与当前的数据列表进行合并。\[3\]

需要注意的是，如果你是直接循环元素，例如使用v-for指令，每次加载完数据后会停留在上一次的浏览记录。而如果是给表格等元素添加数据，则会在底部继续加载，直到数据加载完毕。\[2\]

总结来说，vue-infinite-loading是一个方便实现下拉加载数据功能的插件，可以与Element UI的分页组件一起使用，通过设置distance属性和使用@infinite事件来实现数据的无限滚动加载。\[1\]\[3\]
#### 引用[.reference_title]
- *1* *3* [vue-infinite-loading的使用方法](https://blog.csdn.net/lalaladamowang/article/details/117956386)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [在vue中表格滚动加载数据的几种方式](https://blog.csdn.net/Coloryi/article/details/109370536)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]