微信小程序:在使用了<scroll-view>標(biāo)簽后,下拉刷新事件失效

<scroll-view class='more-movie-container' scroll-y='true' bindscrolltolower='onLoaderMoreMovies'>
   <template is='movieGrid' data='{{moviesListData}}' />
   <view class='bottom-tip' wx:if='{{isShowBottomTip}}'>
     沒有數(shù)據(jù)了!
   </view>
</scroll-view>
// 上滑加載更多數(shù)據(jù)
  onLoaderMoreMovies: function(event) {
    if (this.data.requestUrl.length && this.data.totalMovies > this.data.moviesListData.length) {
      wx.showNavigationBarLoading();
      utils.http(`${this.data.requestUrl}?start=${this.data.moviesListData.length}&count=20`, this.processDoubanData, this.getMoviesListDataErrorDeal);
    }
  },
  // 下拉刷新
  onPullDownRefresh: function(event) {
    this.data.moviesListData = [];
    utils.http(`${this.data.requestUrl}?start=0&count=20`, this.processDoubanData, this.getMoviesListDataErrorDeal);
    wx.showNavigationBarLoading();
  },

如上所示,使用了<scroll-view></scroll-view>來實(shí)現(xiàn)上滑刷新功能,使用onPullDownRefresh事件處理函數(shù)來做下拉刷新功能,但是,實(shí)際情況是:當(dāng)下拉時(shí),下拉刷新事件沒有被觸發(fā),經(jīng)測(cè)試是因?yàn)?code><scroll-view></scroll-view>標(biāo)簽與onPullDownRefresh事件無法同時(shí)使用;

修改方法:

  1. 放棄使用<scroll-view></scroll-view>標(biāo)簽,以及<scroll-view>標(biāo)簽上的所有屬性值,使用<view></view>標(biāo)簽替換,這樣就無法觸發(fā) bindscrolltolower事件,也就無法實(shí)現(xiàn)上滑加載了
  2. 使用onReachBottom事件處理函數(shù)替換onLoaderMoreMovies事件處理函數(shù),onReachBottom事件是當(dāng)頁面滑動(dòng)到底部時(shí)觸發(fā),通過該事件來實(shí)現(xiàn)下滑加載

代碼如下:

<view class='more-movie-container'>
  <template is='movieGrid' data='{{moviesListData}}' />
  <view class='bottom-tip' wx:if='{{isShowBottomTip}}'>
    沒有數(shù)據(jù)了!
  </view>
</view>
// 上滑加載更多數(shù)據(jù)
  onReachBottom: function(event) {
    if (this.data.requestUrl.length && this.data.totalMovies > this.data.moviesListData.length) {
      wx.showNavigationBarLoading();
      utils.http(`${this.data.requestUrl}?start=${this.data.moviesListData.length}&count=20`, this.processDoubanData, this.getMoviesListDataErrorDeal);
    }
  },
  // 下拉刷新
  onPullDownRefresh: function(event) {
    this.data.moviesListData = [];
    utils.http(`${this.data.requestUrl}?start=0&count=20`, this.processDoubanData, this.getMoviesListDataErrorDeal);
    wx.showNavigationBarLoading();
  },
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 科學(xué)的技術(shù)與我們的生活息息相關(guān),是我們文明進(jìn)步的“階梯”。可是,在發(fā)展的同時(shí),進(jìn)步的需求現(xiàn)在給我們更多的問...
    62張棟勇閱讀 1,936評(píng)論 0 0
  • 不用懷疑 ,我們是同父同母的親生姐弟。作為中國(guó)傳統(tǒng)家庭,我們家的重男輕女觀念根深蒂固,于是,我弟出生之后,作為家里...
    江城雪兒閱讀 2,535評(píng)論 0 0

友情鏈接更多精彩內(nèi)容