如何在uniapp中实现分页

在uniapp中实现分页，可以采用以下步骤：

1. 在data中定义page和pageSize两个变量，分别表示当前页数和每页显示的数据条数。

2. 在页面加载时，调用数据接口获取总数据量，并计算总页数。

3. 在页面中显示数据时，根据page和pageSize计算出当前页需要显示的数据，并渲染到页面上。

4. 在页面中添加上一页和下一页的按钮，点击按钮时改变page变量的值，重新计算需要显示的数据。

5. 可以根据需要添加跳转到指定页数的功能。

以下是一个简单的示例代码：

<template>
  <div>
    <div v-for="item in currentData" :key="item.id">{{ item.title }}</div>
    <button @click="prevPage">上一页</button>
    <button @click="nextPage">下一页</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      page: 1,
      pageSize: 10,
      total: 0,
      dataList: []
    }
  },
  computed: {
    totalPages() {
      return Math.ceil(this.total / this.pageSize)
    },
    currentData() {
      const start = (this.page - 1) * this.pageSize
      const end = start + this.pageSize
      return this.dataList.slice(start, end)
    }
  },
  mounted() {
    // 调用数据接口获取 total 和 dataList
    // ...
  },
  methods: {
    prevPage() {
      if (this.page > 1) {
        this.page--
      }
    },
    nextPage() {
      if (this.page < this.totalPages) {
        this.page++
      }
    }
  }
}
</script>