scroll-view組件下拉加載分頁數(shù)據(jù): bindscrolltolower 沒有觸發(fā)

在使用scroll-view組件下拉加載分頁數(shù)據(jù),發(fā)現(xiàn)bindscrolltolower 沒有觸發(fā),原因是:scroll-view 元素的高度必須是設(shè)備的高度,單位且必須是px ,詳情實現(xiàn)如下:
1 index.wxml添加scroll-view 組件

  <scroll-view scroll-y="true"  bindscrolltolower="loadInformations"  style="height:{{scrollH}}px" scroll-into-view="allInformation" data-type="allInformation">
                        <view  id="allInformation" class="section section-big">
                            <import src="../template/informationList.wxml" />
                            <template is="informationList" data="{{informations}}"></template>
                        </view>
                    </scroll-view>

重點是:style="height:{{scrollH}}px"

2 index.js 的onLoad 事件中 賦值scrollH

Page({
    /**
     * 頁面的初始數(shù)據(jù)
     */
    data: {
      scrollH:0
    },
    /**
     * 生命周期函數(shù)--監(jiān)聽頁面加載
     */
    onLoad: function (options) {
      var self = this;
      wx.getSystemInfo({
          success: function(res) {
            let scrollH = res.windowHeight;
            self.setData({
                scrollH:scrollH
            });
          }
      });
    }
  
  })

3 在loadInformations 事件中加載分頁數(shù)據(jù)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

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

  • 1、通過CocoaPods安裝項目名稱項目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地數(shù)據(jù)庫組件 SD...
    陽明AI閱讀 16,240評論 3 119
  • 2018年我已經(jīng)21歲了,人生還沒有成熟起來,像樣的事業(yè)還沒有找到,卻欠了一屁股債。沒事,一切歸零,從這開始把人生...
    莔潮帥閱讀 412評論 0 2
  • Ether幣的基本單位 Ether幣最小的單位是Wei,也是命令行默認的單位, 然后每 1000 進一個單位,依次...
    juniway閱讀 4,156評論 0 0
  • 時隔多年,早已忘了第一次吃無花果是什么時候,也早已忘了它的味道。那是我第一次見到無花果,從那之后好像再也沒有見過。...
    陳開潮閱讀 658評論 0 0

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