ScopeList
局部滚动列表
滚动加载,用于展示长列表,当列表即将滚动到底部时,会触发事件并加载更多列表项。
同vant的List组件不同的是,ScopeList是一个局部滚动
的组件。
源文件
示例
基本使用
和vant的list组件一样,通过 loading 和 finished 两个变量控制加载状态,当组件滚动到底部时,会触发 load 事件并将 loading 设置成 true。此时可以发起异步操作并更新数据,数据更新完毕后,将 loading 设置成 false 即可。若数据已全部加载完毕,则直接将 finished 设置成 true 即可。
props 参数
参数名 | 说明 | 类型 | 默认值 |
---|---|---|---|
loading(v-model) | 是否处于加载状态,加载过程中不触发 load 事件 | boolean | false |
finished | 是否已加载完成,加载完成后不再触发 load 事件 | boolean | false |
事件
事件名 | 说明 | 参数 |
---|---|---|
load | 滚动到底部时触发 |
插槽
插槽名 | 说明 | 参数 |
---|---|---|
default | 内容插槽 | - |