uniapp小程序分页加载数据

Uniapp 小程序的分页加载数据可以通过以下步骤实现：

1. 在 data 中定义一个变量用于存储数据列表和当前页码。

data() {
    return {
        list: [], // 数据列表
        page: 1 // 当前页码
    }
}

2. 在 onShow 生命周期函数中调用获取数据的函数。

onShow() {
    this.getData()
}

3. 在获取数据的函数中，调用 uni.request 函数向后端发送请求，获取数据列表。

getData() {
    uni.request({
        url: 'https://your-api.com/data',
        data: {
            page: this.page
        },
        success: (res) => {
            // 将新的数据列表追加到原有列表中
            this.list = this.list.concat(res.data.data)
        }
    })
}

4. 在页面滚动到底部时，触发加载更多数据的函数。

onReachBottom() {
    this.page++ // 当前页码加1
    this.getData() // 获取新的数据列表
}

5. 在页面中显示数据列表。

<template>
    <view>
        <block v-for="(item, index) in list" :key="index">
            <text>{{ item.title }}</text>
            <text>{{ item.content }}</text>
        </block>
    </view>
</template>

以上就是 Uniapp 小程序分页加载数据的基本实现方法。