vant/vue实现小程序下拉刷新功能方法详解
Nanchen_42 人气:0首先先把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); },
加载全部内容