List 列表
引入
基础用法
List 组件通过和finished
两个变量控制加载状态,当组件滚动到底部时,会触发load
事件并将loading
设置成true
。此时可以发起异步操作并更新数据,数据更新完毕后,将loading
设置成false
即可。若数据已全部加载完毕,则直接将finished
设置成true
即可。
状态变化
List
有以下三种状态,理解这些状态有助于你正确地使用List
组件:
- 非加载中,
loading
为false
,此时会根据列表滚动位置判断是否触发事件(列表内容不足一屏幕时,会直接触发) - 加载中,
loading
为true
,表示正在发送异步请求,此时不会触发load
事件 - 加载完成,
finished
为true
,此时不会触发load
事件在每次请求完毕后,需要手动将loading
设置为false
,表示加载结束