收藏
回答

上拉加载,没有数据的情况下一直显示正在加载中,如何解决?

如图,第一次进入页面时,没有数据的情况下应该显示没有更多才对,但是现在是一直显示加载中,除非进行一次上拉动作,才会显示没有更多数据,这个问题怎么解决?

components(WXML代码):

<button class="loading-btn" loading="{{hasmore}}" style="height:{{height}}px;">
  <block wx:if="{{hasmore}}">
    <text class="loadingtext">{{loadingtext}}</text>
  </block>
  <block wx:else>
    <text class="loadingtext" >{{loadedtext}}</text>
  </block>
</button>

components(js代码):

Component({
    /**
     * 组件的属性列表
     */
    properties: {
       loadingtext:{
           type:String,
           value:"正在加载中..."
       },
       loadedtext:{
           type:String,
           value:"没有更多数据"
       },
       hasmore:{
           type:Boolean,
           value:true
       },
       height:{
           type:Number,
           value:40
       }
    },
})

index(wxml代码):

<loadingmore hasmore="{{hasmore}}"></loadingmore>

index(js代码):

data: {
    hasmore: true,
    wehicles: [],
  },
lowdrelease(start = 0) {
    const that = this;
    let promise = db.collection("wehicle");
    if (start > 0) {
      promise = promise.skip(start);
    }
    promise.limit(10).orderBy("create_time""desc").get().then(res => {
      //   console.log(res);
      const wehicles = res.data;
      let hasmore = true
      if(wehicles.length == 0 ){
          hasmore = false
      }
      let newWehicles = [];
      if (start > 0) {
          newWehicles = that.data.wehicles.concat(wehicles);
      } else {
        newWehicles = wehicles;
      }
      // console.log(wehicles);
      newWehicles.forEach((wehicle, index) => {
        wehicle.create_time = wehicle.create_time.toString();
      })
      that.setData({
        wehicles: newWehicles,
        hasmore: hasmore
      })
    })
  },
onReachBottom() {
      this.lowdrelease(this.data.wehicles.length);
  },
回答关注问题邀请回答
收藏

1 个回答

  • 那一抹笑😃 穿透阳光
    那一抹笑😃 穿透阳光
    07-15

    自己在代码中判断啊,要是没有数据,之间拦截上拉了

    07-15
    有用 1
    回复 1
    • 蓝天☁
      蓝天☁
      07-15
      谢谢,我再问个问题,像图片这个,显示的是查询后的数据,那么我想点击全部之后,退出查询的数据,显示所有的数据,这个要怎么做
      07-15
      回复
登录 后发表内容