vant-list上拉加载下拉刷新

vant-list官网示例 ,vant-list各参数释义如下:
vant-list上拉加载下拉刷新_第1张图片
效果如图:
vant-list上拉加载下拉刷新_第2张图片



注意:

1.列表初始化后会触发一次 load 事件,用于加载第一屏的数据,这个特性可以通过immediate-check属性关闭,即:immediate-check=“false”

2.在从接口拿到的数据是每页的数据,那么渲染出来也就是固定条数,为了实现上拉加载下拉刷新效果,需要concat拼接已拿到数据listData和新获取数据res.data。

3.触底后,显示加载中,页数自增,请求接口。

你可能感兴趣的:(Vue,小技巧,vue)