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.