最近公司在研發(fā)app,選擇了基于Vue框架的vux組件庫(kù),現(xiàn)總結(jié)在實(shí)現(xiàn)上拉刷新功能遇到的坑:
1.問(wèn)題:只刷新一次,解決方法:需要自己手動(dòng)重置狀態(tài)
this.scrollerStatus.pullupStatus = ‘default',
2.問(wèn)題:不能滾動(dòng),解決方法:因?yàn)閱⒂胟eep-alive緩存,需要設(shè)置
創(chuàng)新互聯(lián)專(zhuān)業(yè)為企業(yè)提供濟(jì)南網(wǎng)站建設(shè)、濟(jì)南做網(wǎng)站、濟(jì)南網(wǎng)站設(shè)計(jì)、濟(jì)南網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、濟(jì)南企業(yè)網(wǎng)站模板建站服務(wù),十年濟(jì)南做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
activated () { this.$refs.scroller.reset() }
如果還沒(méi)效果,請(qǐng)?jiān)讷@取后臺(tái)數(shù)據(jù)后,執(zhí)行如下代碼
this.$nxtTick(() => { this.$refs.scroller.reset() })
貼出整個(gè)頁(yè)面的代碼。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。