使用mescroll-uni一定要初始化。

使用mescroll-uni一定要初始化。

使用mescroll-uni一定要初始化。

重要的事情只說三遍。。。

今天發(fā)現(xiàn)了一個問題就是使用mescroll-uni我沒有初始化，導(dǎo)致不能正常的上拉加載。。。

mescroll-uni簡單使用代碼

html代碼塊

<mescroll-body
  ref="mescrollRef"
  :down="down"
  :height="bodyH"
  bottombar="false"
  safearea="true"
  @init="initCallback"
  @up="upCallback"
  @down="downCallback">
  <view class="content-list">
    <!-- 商品列表 -->
    <good-list :list="dataList"></good-list>
  </view>
</mescroll-body>

js代碼塊

<script>
import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js"
import goodList from "@/components/common/goodList"

export default {
  mixins: [MescrollMixin],
  data () {
    return {
      dataList: [],
      down: {
        auto: false,
        mustToTop: true
      },
      bodyH: '0',
      mescroll: null,
      
      // 請求參數(shù)
      params: { page: 0 }
    }
  },
  components: { goodList },
  methods: {
    // 加載數(shù)據(jù)
    loadData () {
      let url = 'xxxxxxxxxx'
      
      // 封裝的請求函數(shù)
      this.$request.get(url, this.params, (res => {
        if (res.code === 200) {
          let moreFlag = true
          if (res.data.total <= this.dataList.length) {
            moreFlag = false
          }

          this.mescroll.endSuccess(res.data.list.length, moreFlag)

          if (this.params.page === 1) {
            this.dataList = []
          }
          
          // 添加數(shù)據(jù)
          this.dataList = this.dataList.concat(res.data.list)
        } else {
          this.mescroll.endErr()
        }
      }))
    },

    // 初始化回調(diào)
    initCallback (ele) {
      if (this.mescroll === null) this.mescroll = ele
    },
      
    // 下拉回調(diào)
    downCallback (e) {
      console.log("下拉")
      this.params.page = 1
      this.loadData()
    },
       
    // 上拉回調(diào)
    upCallback (e) {
      console.log("上拉")
      this.params.page++
      this.loadData()
    }
  }
}
</script>

親測沒有問題
參考資料：http://www.mescroll.com/uni.html#custom