vant 上拉加载/下拉刷新(van-list、van-pull-refresh) 知识点

以下面代码为例，通过其中的3个属性、2个函数，说一下核心知识点：
1、写在中的searchRefreshing属性，是下拉刷新时专用的，值有两个true/false;
searchRefreshing设置为true，表示下拉刷新完毕，列表顶部的"加载中..."会隐藏；
searchRefreshing设置为false，表示正在下拉刷新，列表顶部的"加载中..."会显示

image.png

2、写在中的searchLoading属性，是上拉加载时专用的，值有两个true/false;
searchLoading设置为true，表示上拉加载完毕，列表底部的"加载中..."会隐藏；
searchLoading设置为false，表示正在上拉加载，列表底部的"加载中..."会显示。

image.png

3、写在中的searchFinshed属性，表示数据是否已全部加载完毕，值有两个true/false。特别注意的是，当searchFinshed为true时，列表底部会显示finished-text中的自定义的值没有更多了，且其为true时，searchLoading无论是false/true，都不会在列表底部显示"加载中..."，只会在列表底部显示没有更多了，因此这种情况可以理解为，searchFinshed会使searchLoading失效。

image.png

4、写在中的searchOnRefresh函数，下拉刷新时调用。
5、写在中的searchOnLoad函数，上拉加载时调用。
1、2的共同点：两个属性值都是通过v-model控制的，只有true/false两个值，都是控制"加载中..."的隐藏显示。
1、2的不同点：一个是在列表的顶部显示，一个是在列表的底部显示。

核心代码