vant/vue實現(xiàn)小程序下拉刷新功能方法詳解
更新時間:2022年12月24日 13:30:48 作者:Nanchen_42
這篇文章主要介紹了vant/vue實現(xiàn)小程序下拉刷新功能方法詳解,需要的朋友可以參考下
首先先把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); } // 加載狀態(tài)結束 this.loading = false; // 數據全部加載完成 if (this.list.length >= 6) { this.finished = true; } }, 1000); },
以上就是vant/vue實現(xiàn)下拉刷新功能方法詳解的詳細內容,更多關于vant/vue實現(xiàn)下拉刷新功能的資料請關注腳本之家其它相關文章!
相關文章
PyCharm2022激活碼破解補丁一鍵安裝免費分享(2022年持續(xù)更新)
PyCharm2022最新激活碼分享(持續(xù)更新),PyCharm激活補丁一鍵安裝簡單方便,無需手動修改文件,MAC,linux,Windows系統(tǒng)都可使用2022-07-07一個能生成精美代碼圖片的工具Carbon!讓看代碼成為一種享受
當我們想展示自己寫的代碼給別人看的時候,希望讓代碼保持原有的格式,并且要美觀一點,有一個強大的在線工具可以幫助我們實現(xiàn),而且支持多種主題,他就是Carbon,需要的朋友可以參考下2021-05-05微信小程序常用功能實例匯總包括上拉刷新,下拉加載,列表數據綁定,輪播,參數傳遞
這篇文章主要介紹了微信小程序常用功能實例匯總包括上拉刷新,下拉加載,列表數據綁定,輪播,參數傳遞,撥打電話,需要的朋友可以參考下2022-12-12uniApp微信小程序使用騰訊地圖定位功能及getLocation需要在app.json中聲明permission字段問
這篇文章主要介紹了uniApp微信小程序使用騰訊地圖定位功能及getLocation需要在app.json中聲明permission字段問題解決,需要的朋友可以參考下2022-12-12