Skip to content

ScopeList

局部滚动列表

滚动加载,用于展示长列表,当列表即将滚动到底部时,会触发事件并加载更多列表项。
同vant的List组件不同的是,ScopeList是一个局部滚动的组件。

源文件

ScopeList.vue

ScopeList.vue

示例

基本使用

和vant的list组件一样,通过 loading 和 finished 两个变量控制加载状态,当组件滚动到底部时,会触发 load 事件并将 loading 设置成 true。此时可以发起异步操作并更新数据,数据更新完毕后,将 loading 设置成 false 即可。若数据已全部加载完毕,则直接将 finished 设置成 true 即可。

props 参数

参数名说明类型默认值
loading(v-model)是否处于加载状态,加载过程中不触发 load 事件booleanfalse
finished是否已加载完成,加载完成后不再触发 load 事件booleanfalse

事件

事件名说明参数
load滚动到底部时触发

插槽

插槽名说明参数
default内容插槽-

Released under the MIT License.