评论

极简代码之云开发的触底无限加载

触底无限加载的简单的代码。

js:

data: {
  isEndOfList: false,
  list: [],
},

onLoad:{
  this.getData()
},

getData: async function () {
  let res = await db.collection(col).where(query).skip(this.data.list.length).get()
  this.setData({
    list: [...this.data.list, ...res.data],
    isEndOfList: res.data.length < 20 ? true : false
  })
},

onReachBottom: function () {
  !this.data.isEndOfList && this.getData()
},

wxml

<view  wx:if='{{list.length>0}}' >
	<view  wx:if='{{(!isEndOfList)}}'>正在加载数据...</view>
	<view  wx:else>----END----</view>
</view>

大家可以将col和query换成自己的,其他一个字不动地拷贝过去。也可以说说自己的代码,看看是不是有我的简单。

最后一次编辑于  09-01  (未经腾讯允许,不得转载)
点赞 8
收藏
评论

5 个评论