Load 列表

文档: https://vant-contrib.gitee.io/vant/#/zh-CN/list

提供列表的容器 , 并在滚动到底部的时候触发事件, 以供加载其他数据.

基本用法:

<van-list v-model:loading="..." :finished="...">
  <elem />
</van-list>

list 组件使用 loading 和 finished 的组合来控制加载状态.

• 组件滚动到底部时, 会触发 load 事件. 并将 loading 设置为 true.
• 此时可以异步更新数据, 数据更新完毕, 将 loading 置为 false
• 当数据全部加载完毕, 将 finished 设置为 true.

常用属性:

• finished
• loading
• finished-text 加载完毕后提示的文字.
• error-text 加载失败时的文案.
• error 当加载失败时, 将其设置为 true.

与 pullrefresh 连用, 实现下拉刷新, 上拉到底加载数据.

<van-pull-refresh>
  <van-list></van-list>
</van-pull-refresh>