uni-app的scroll-view下拉刷新加載狀態(tài)關(guān)閉不了的問題

最近使用uni-app開發(fā)h5時(shí)遇到下拉刷新狀態(tài)無法關(guān)閉的問題，記錄一下

需求場景

頁面是一個(gè)列表頁頂部有一個(gè)搜索框，列表區(qū)域使用scroll-view組件自定義下拉刷新，通過refresher-triggered來控制加載狀態(tài)的顯示隱藏

文檔說明

refresher-triggered用于設(shè)置當(dāng)前下拉刷新狀態(tài)：

true 表示下拉刷新已經(jīng)被觸發(fā)

false 表示下拉刷新未被觸發(fā)

@refresherpulling用來定義自定義下拉刷新控件被下拉時(shí)觸發(fā)的事件

@refresherrefresh用來定義自定義下拉刷新被觸發(fā)執(zhí)行的事件

然而發(fā)現(xiàn)在自定義下拉刷新執(zhí)行事件中直接將refresher-triggered綁定的值改為false后并不會(huì)關(guān)閉加載狀態(tài)。

解決辦法

refresher-triggered的初始值為false

要先變?yōu)閠rue，執(zhí)行完刷新操作之后再變?yōu)閒alse才會(huì)有效果，所以在自定義下拉刷新控件被下拉時(shí)觸發(fā)的事件中將值置為true并加一些延時(shí)再變?yōu)閒alse才有了效果。

頁面代碼示例：

參考資料

scroll-view(https://uniapp.dcloud.io/component/scroll-view?id=scroll-view)

移動(dòng)APP

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。