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實現下拉刷新功能的資料請關註WalkonNet其它相關文章!