業(yè)務(wù)邏輯如下：
1.在滾動(dòng)容器中加入refresher-enabled屬性，表示為開(kāi)啟下拉刷新
2.監(jiān)聽(tīng)事件，添加refresherrefresh事件
3.在事件監(jiān)聽(tīng)函數(shù)中加載數(shù)據(jù)
4.關(guān)閉動(dòng)畫(huà)，添加refresher-triggered屬性，在數(shù)據(jù)請(qǐng)求前開(kāi)啟刷新動(dòng)畫(huà)，在數(shù)據(jù)請(qǐng)求完成后關(guān)閉動(dòng)畫(huà)。
完整代碼如下：
注意：如果不用await直接調(diào)接口，會(huì)導(dǎo)致數(shù)據(jù)加載順序不確定，可能數(shù)據(jù)還沒(méi)返回完就已經(jīng)關(guān)閉動(dòng)畫(huà)。如果三個(gè)接口都加上await，則會(huì)等待第一個(gè)接口返回后再執(zhí)行第二個(gè)接口，以此類(lèi)推，延長(zhǎng)了數(shù)據(jù)加載時(shí)間。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-850401.html
最優(yōu)方案：用Promise.all()方法同時(shí)加載三個(gè)接口，配合async await，這樣可以保證三個(gè)接口都返回后再執(zhí)行下一步操作。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-850401.html
到了這里，關(guān)于uni-app實(shí)現(xiàn)下拉刷新的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
