这篇文章主要介绍了vant/vue实现小程序下拉刷新功能方法详解,需要的朋友可以参考下
首先先把van-list控件放入列表项中
<van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" > <list-nav :list="list"></list-nav> </van-list>
data(){
return{
list: [],
}
}
通过methods方法进行更新数据
onLoad() {
// 异步更新数据
// setTimeout 仅做示例，真实场景中一般为 ajax 请求
setTimeout(() => {
for (let i = 0; i < 0; i++) {
this.list.push(this.list.length + 1);
}
// 加载状态结束
this.loading = false;
// 数据全部加载完成
if (this.list.length >= 6) {
this.finished = true;
}
}, 1000);
},
以上就是vant/vue实现下拉刷新功能方法详解的详细内容，更多关于vant/vue实现下拉刷新功能的资料请关注北冥有鱼其它相关文章！
