vant/vue實(shí)現(xiàn)小程序下拉刷新功能方法詳解
首先先把van-list控件放入列表項(xiàng)中
<van-list v-model="loading" :finished="finished" finished-text="沒有更多了" @load="onLoad" > <list-nav :list="list"></list-nav> </van-list>
data(){ return{ list: [], } }
通過methods方法進(jìn)行更新數(shù)據(jù)
onLoad() { // 異步更新數(shù)據(jù) // setTimeout 僅做示例,真實(shí)場景中一般為 ajax 請求 setTimeout(() => { for (let i = 0; i < 0; i++) { this.list.push(this.list.length + 1); } // 加載狀態(tài)結(jié)束 this.loading = false; // 數(shù)據(jù)全部加載完成 if (this.list.length >= 6) { this.finished = true; } }, 1000); },
以上就是vant/vue實(shí)現(xiàn)下拉刷新功能方法詳解的詳細(xì)內(nèi)容,更多關(guān)于vant/vue實(shí)現(xiàn)下拉刷新功能的資料請關(guān)注腳本之家其它相關(guān)文章!
- vue使用better-scroll實(shí)現(xiàn)下拉刷新、上拉加載
- vue插件mescroll.js實(shí)現(xiàn)移動(dòng)端上拉加載和下拉刷新
- vueScroll實(shí)現(xiàn)移動(dòng)端下拉刷新、上拉加載
- vue實(shí)現(xiàn)網(wǎng)絡(luò)圖片瀑布流 + 下拉刷新 + 上拉加載更多(步驟詳解)
- vue基于vant實(shí)現(xiàn)上拉加載下拉刷新的示例代碼
- vue實(shí)現(xiàn)原生下拉刷新
- Vue?uni-app框架實(shí)現(xiàn)上拉加載下拉刷新功能
- Vue?vant-ui框架實(shí)現(xiàn)上拉加載下拉刷新功能
相關(guān)文章
PyCharm2022激活碼破解補(bǔ)丁一鍵安裝免費(fèi)分享(2022年持續(xù)更新)
PyCharm2022最新激活碼分享(持續(xù)更新),PyCharm激活補(bǔ)丁一鍵安裝簡單方便,無需手動(dòng)修改文件,MAC,linux,Windows系統(tǒng)都可使用2022-07-07Hbuilder連遠(yuǎn)程接服務(wù)器上傳代碼的圖文教程
下面小編就為大家分享一篇Hbuilder連遠(yuǎn)程接服務(wù)器上傳代碼的圖文教程,具有很好的參考價(jià)值,一起跟隨小編過來看看吧,希望對大家有所幫助2017-11-11一個(gè)能生成精美代碼圖片的工具Carbon!讓看代碼成為一種享受
當(dāng)我們想展示自己寫的代碼給別人看的時(shí)候,希望讓代碼保持原有的格式,并且要美觀一點(diǎn),有一個(gè)強(qiáng)大的在線工具可以幫助我們實(shí)現(xiàn),而且支持多種主題,他就是Carbon,需要的朋友可以參考下2021-05-05微信小程序常用功能實(shí)例匯總包括上拉刷新,下拉加載,列表數(shù)據(jù)綁定,輪播,參數(shù)傳遞
這篇文章主要介紹了微信小程序常用功能實(shí)例匯總包括上拉刷新,下拉加載,列表數(shù)據(jù)綁定,輪播,參數(shù)傳遞,撥打電話,需要的朋友可以參考下2022-12-12淺談服務(wù)發(fā)現(xiàn)和負(fù)載均衡的來龍去脈
單機(jī)時(shí)代,傳統(tǒng)軟件大多是單體/巨石架構(gòu)(Monolithic)。大家往一個(gè)代碼倉庫提交CODE,這會(huì)導(dǎo)致應(yīng)用膨脹,以及擴(kuò)展受限,無法按需伸縮等諸多問題。單體架構(gòu)怎么解決多人合作的問題?模塊化,按功能拆分,模塊之間定義編程接口(API)。本篇文章帶你詳細(xì)了解。2021-05-05uniApp微信小程序使用騰訊地圖定位功能及getLocation需要在app.json中聲明permission字段問
這篇文章主要介紹了uniApp微信小程序使用騰訊地圖定位功能及getLocation需要在app.json中聲明permission字段問題解決,需要的朋友可以參考下2022-12-12Windows系統(tǒng)安裝使用Git的詳細(xì)教程
這篇文章主要介紹了Windows系統(tǒng)安裝使用Git的詳細(xì)教程,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-04-04